:root {
  /*COLORES PRINCIPALES*/
  --primary-color: #00CBDA; /* Color principal */
  --secundary-color: #7DCAD6; /* Color secundario */

  /*FUENTE*/
  --primary-font-style: 'Montserrat', sans-serif;
  --primary-font-size: 14px; /* Tama�o fuente principal */
  --primary-font-color: #505759; /* texto color oscuro */
  --secundary-font-color: #fff; /* texto color claro */

  /*BORDES BOTONES Y CAMPOS FORMULARIO*/
  --input-border-radius: 0; /* Redondeado de esquinas en campos input formulario */
  --button-border-radius: 100px; /* Redondeado de esquinas en botones */

  /*COLORES ICONOS*/
  --icon-primary-color: var(--primary-color); /* Color iconos general, color iconos header */
  --icon-secundary-color: var(--secundary-font-color); /* Color otros iconos */
  --icon-searcher-color: rgba(255,255,255,.9) !important; /* Color iconos campos buscador */

  /*PLACEHOLDER BUSCADORES*/
  --placeholder-searcher-color: rgba(255,255,255,.9); /* Color de los placeholders de campos en buscador. Inicialmente
                                                         igual que var(--icon-searcher-color) */
}

.social-footer a {
    margin: 0 5px;
    width: 44px;
    height: 44px;
    text-align: center;
    display: inline-block;
    line-height: 44px;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    font-size: 25px;
}