#cabecera-pagina,
#cabecera-pagina #busqueda-medico { display: flex; -js-display: flex; }

#cabecera-pagina { position: relative; }

.page-template-page-especialidades #cabecera-pagina { 
    flex-flow: column;
    margin-bottom: 80px; 
    min-height: 460px;
    height: 460px;
}
.pagina-home-especialidad  #cabecera-pagina { 

    min-height: 460px;
    height: 460px;
}

#cabecera-pagina #busqueda-medico { 
    position: absolute;
    top: 80px;
    justify-content: space-around;
    align-items: center; 
    flex-wrap: wrap;
    padding: 50px;
    font-weight: bold;
    font-size: 1.2rem;
    color: #fff;
    background-color: #4A82C1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    background-image: url( ../../img/fondo-buscador-medicos.png );
}
#cabecera-pagina #busqueda-medico #buscar-medico { 
    flex: 1; 
    margin-left: 20px; 
    margin-right: 20px; 
    padding: 10px 15px; 
    color: #565657; 
    font-size: 1rem; 
    border: 0; 
}
#cabecera-pagina #busqueda-medico #submit-buscar-medico { padding-left: 60px; padding-right: 60px; }
#cabecera-pagina #busqueda-medico .medico-no-encontrado { 
    width: 100%; 
    text-align: center; 
    font-size: 1rem; 
    color: #F29100; 
    font-weight: normal; 
}
#cabecera-pagina .row { position: relative; }
#cabecera-pagina .row,
#cabecera-pagina #cabecera-texto { 
    display: flex; 
    -js-display: flex; 
    height: 100%; 
}
#cabecera-pagina .row:first-child {
    align-items: center;
}
#cabecera-pagina #cabecera-texto { 
    position: relative;
    z-index: 1;
    flex-flow: column; 
    justify-content: center; 
    padding-left: 100px;
    min-height: 400px;
    color: #fff;
    font-size: 1.8rem; 
    line-height: 2.1rem; 
}
#cabecera-pagina #cabecera-texto:before { 
    position: absolute; 
    left: 0;
    top: 50%;
    transform: translateY( -50% );
    z-index: -1;
    display: block;
    width: 440px;
    height: 440px;
    content: ""; 
    background-color: #4A82C1; 
    border-radius: 100%; 
}

#cabecera-pagina #cabecera-texto.cabecera__enfermedad{
    padding-left: 0;
}
#cabecera-pagina #cabecera-texto.cabecera__enfermedad:before { 
  
    content: ""; 
    background-color: transparent; 
   
}
.backwhite{
   position: relative;
    padding-left: 30px;
    display: flex; -js-display: flex;
    width: 400px;
    height: 150px;
    background-color: #fff;
    flex-direction: column;
    place-content: center;
}
.backwhite .cabecera-texto{
    font-size: 1.3rem;
}
.pagina-home-especialidad #cabecera-texto .cabecera-titulo{
    margin-bottom: 20px;
}
.pagina-enfermedad #cabecera-texto .cabecera-titulo,
.pagina-enfermedad #cabecera-texto .cabecera-texto{
   color:#000;
}

.pagina-enfermedad .cabecera__enfermedad .btn-phone{
    top: 0;
    position: absolute;
    right: -100px;
    font-weight: bold;
    font-size: 1.5rem;
}
 .pagina-enfermedad .cabecera__enfermedad .btn-phone:before 
{
    content: "\f095";
    font-family: "FontAwesome";
    font-size: 1.5rem;
    margin-right: 10px;
}
 .pagina-enfermedad .cabecera__enfermedad .btn-phone .phone__texto
{
        display: block;
    font-weight: normal;
    font-size: 1rem;
}

#cabecera-texto .cabecera-titulo,
#cabecera-texto .cabecera-texto { display: block;     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#cabecera-texto .cabecera-titulo { font-size: 3.2rem; line-height: 3.4rem; font-weight: bold;      text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#cabecera-texto .telefono-consultas { color: white; font-size: 1.8rem; line-height: 3.2rem; font-weight: bold; }

/**HOME ESPECIALIDADES**/
.pagina-home-especialidad #cabecera-texto .cabecera-titulo,
.pagina-enfermedad #cabecera-texto .cabecera-titulo{
    text-shadow: none;
    font-size: 2rem;
    line-height: normal;
}
.pagina-home-especialidad #cabecera-texto .cabecera-titulo {
    line-height:1;
}
.pagina-home-especialidad #cabecera-texto .cabecera-texto,
.pagina-enfermedad #cabecera-texto .cabecera-texto{
    text-shadow: none;
    font-size: 1rem;
    line-height: normal;
}
.pagina-home-especialidad #cabecera-texto .cabecera-texto p {
    display:none;
}
.pagina-home-especialidad #titulo-pagina h1, 
.pagina-home-especialidad .titulo-seccion{
font-size: 2.25rem;
}
.pagina-enfermedad #titulo-pagina h1{
    text-align: left;
     font-size: 1.9rem;
   
}
.pagina-home-especialidad h2.titulo-seccion,
.pagina-enfermedad h2.titulo-seccion{
    font-size: 1.9rem;
    text-align: left;
    margin-bottom:50px;
}
.pagina-home-especialidad .btn-phone{
    max-width: 200px;
    margin-top: 20px;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-flex;
    
    position: absolute;
    right: 0;
    bottom: 0;
}
.pagina-home-especialidad .btn-phone:before{
    content:"\f095";
    font-family: "FontAwesome";
    font-size: 1.5rem;
    margin-right: 20px;
}
#infografia{
    background-repeat:no-repeat;
    background-position-x: 50%;
    margin-top: 20%;
    margin-bottom: 20%;
    position: relative;
   
}
#infografia .infobox{
    position: absolute;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    color:#fff;
     display: flex; -js-display: flex;
    flex-direction: column;
    place-content: center;
    text-align: center;
    margin: 0;
    padding: 0 15px 10px;
}
#infografia .infobox:hover{
    cursor:pointer;
}
#infografia .infobox:before{
    content:"";
}


.enfermedades{
   position: absolute;
    opacity: 0;
}
.enfermedades a{
    color:#fff;
}
#iconos_sintomas {margin-bottom:50px;}
#iconos_sintomas .titulo-seccion{
    text-align: left;
        margin-bottom: 50px;
}
#iconos_sintomas .container article{
        place-items: center;
    display: flex;
    -js-display: flex;
    flex-direction: column;
}
#iconos_sintomas .icono{
        background-color: #DBE6F3;
    border-radius: 100%;
    width: 230px;
   height: 230px;;
    text-align: center;
    display: flex;
    -js-display: flex;
    place-content: center;
    flex-direction: column;
    

}
#iconos_sintomas .icono .imagenes-enlace__imagen img{
    margin:auto;
}
#iconos_sintomas .icono .imagenes-enlace__texto h3{
        margin-top: 10px;
    color: #4A82C1;
    text-transform: uppercase;
}
#iconos_sintomas .sintoma_desc{
        text-align: center;
    margin-top: 20px;
}
/*efecto hover*/

.infobox img {
transition: all 0.4s ease-in-out 0.2s;
opacity: 1;
}
.infobox .enfermedades {
background-color: rgba(0,0,0,0.8);
opacity: 0;
transform: scale(0) rotate(-180deg);/*Rotamos 180grados y le damos tamaño 0*/
transition: all 0.4s ease-in;
    top: 0;
    left: 0;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    padding: 0 15px 10px;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    place-content: center;
    text-align: center;
}
/*.infobox h2{
opacity: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
transition: all 0.5s ease-in-out;
}*/
.infobox p {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.infobox a.link {
opacity: 0;
transition: all 0.5s ease-in-out;
}

.infobox:hover .enfermedades {
opacity: 1;
transform: scale(1) rotate(0deg);/*Regresamos a su tamaño y posición original*/
transition-delay: 0.2s;
}

.infobox:hover h2,
.infobox:hover p,
.infobox:hover a.link{
opacity: 1;
transition-delay: 0.5s;
}
/*fin efecto hover*/

.pagina-enfermedad #iconos {
    margin-bottom:80px;
}
.pagina-enfermedad #iconos .icono{
        background-color: #DBE6F3;
    text-align: center;
    padding: 20px;
        min-height: 190px;
}

.pagina-enfermedad #iconos .icono .imagenes-enlace__imagen img{
    margin:auto;
}
#contenido1{
    background-color: #DBE6F3;
    padding:40px;
   
}
#contenido1 li,
#contenido1 li a{
    font-weight: normal;
}
#contenido1 li:nth-child(-n+9) a{
    font-weight: bold;
}
#contenido1 li:hover,
#contenido1 li a:hover{
    color:#F29100;
}
#contenido2{
    
    padding:40px;
    margin-bottom: 100px;
}
#contenido1 .intro{
        margin: 0px 0px 60px;
}
#contenido2 .intro{

    margin:20px 0px 40px;
}
#contenido1 .icono1,
#contenido2 .icono2{
    text-align: left;
}
#contenido1 .icono1 li,
#contenido2 .icono2 li
{
    padding-left: 50px;
    min-height: 40px;
    place-content: center;
    display: flex; -js-display: flex;
    flex-direction: column;
   
}
#contenido1 .icono1 li:before{
    content:"";
    background-image: url(../../img/infeccion-icono.png) ;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 40px;
    height: 40px;

}
#contenido1 .icono1 li:hover:before{
    background-image: url(../../img/infeccion-icono-hover.png) ;
}


#contenido2 .icono2 li:before{
    content:"";
    background-image: url(../../img/cuadro-icono.png) ;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 40px;
    height: 40px;

}
#contenido2 .icono2 li:hover:before{
    background-image: url(../../img/cuadro-icono-hover.png) ;
}

#que_hacer h1{
    color:#fff;
    margin: 80px auto 40px;
    border-bottom: .5px solid #ffffff;


}
#que_hacer .icono{
       background-color: #fff;
    border-radius: 100%;
    min-width: 200px;
   
    min-height: 250px;
    text-align: center;
    display: flex;
    place-content: center;
    flex-direction: column;
    padding: 40px;
    margin-right: 20px;
}
#que_hacer .icono figure{
    margin:0 auto;
}
#enlaces_quehacer,
#enlaces_quehacer .icono{
    padding: 0;

}
#enlaces_quehacer .icono img{
    width: 100%;
    height: auto;
}
#enlaces_quehacer .icono .imagenes-enlace__texto{
    position: absolute;
    top:50%;
        width: 100%;
    text-align:center;
    color:#fff;
    font-size: 24px;
    font-weight: bold;
    z-index: 999999;
}
#enlaces_quehacer .imagenes-enlace__enlace {
position: relative;
display: block;
overflow: hidden; }
#enlaces_quehacer .imagenes-enlace__enlace:before {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
z-index: 2;
display: block;
width: 10px;
height: 10px;
content: "";
background-color: rgba(242, 145, 0, 0.4);
border-radius: 100%;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; }
#enlaces_quehacer .imagenes-enlace__enlace:hover:before,
#enlaces_quehacer .imagenes-enlace__enlace:active:before {
-webkit-transform: scale(200);
-ms-transform: scale(200);
transform: scale(200); }  .btn {
white-space: normal;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.centrartxt{
    text-align: center;
}


/**desplegables**/

.pagina-home-especialidad .intro-desplegables ,
.pagina-enfermedad .intro-desplegables 
{ margin-top: 40px; margin-bottom: 40px; }

.pagina-home-especialidad #desplegables,
.pagina-enfermedad #desplegables
 { padding-bottom: 40px; }

.pagina-home-especialidad #desplegables .container + .container,
.pagina-home-especialidad #desplegables .container + .container-fluid,
.pagina-home-especialidad #desplegables .container-fluid + .container-fluid,
.pagina-home-especialidad #desplegables .container-fluid + .container ,
.pagina-enfermedad #desplegables .container + .container,
.pagina-enfermedad #desplegables .container + .container-fluid,
.pagina-enfermedad #desplegables .container-fluid + .container-fluid,
.pagina-enfermedad #desplegables .container-fluid + .container {
    margin-top: 40px;
}

.pagina-home-especialidad #desplegables .container-fluid ,
.pagina-enfermedad #desplegables .container-fluid {
    position: relative;
    color: #4A82C1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.pagina-home-especialidad #desplegables .container-fluid:before,
.pagina-enfermedad #desplegables .container-fluid:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    content:"";
    background-color: rgba(74, 130, 193, .2);
}
.pagina-home-especialidad #desplegables .container-fluid .titulo-contenido ,
.pagina-enfermedad #desplegables .container-fluid .titulo-contenido {
    border-bottom-color: #4A82C1;
}



.pagina-enfermedad #desplegables .desplegable,
.pagina-home-especialidad #desplegables .desplegable { 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 3.4rem; 
}
.pagina-home-especialidad #desplegables .desplegable .titulo-desplegable,
.pagina-enfermedad #desplegables .desplegable .titulo-desplegable { position: relative; color: #4A82C1; }
.pagina-home-especialidad #desplegables .desplegable .titulo-desplegable,
.pagina-enfermedad #desplegables .desplegable .titulo-desplegable[aria-expanded="true"] { color: #575756; }
.pagina-home-especialidad #desplegables .desplegable .titulo-desplegable:before,
.pagina-enfermedad #desplegables .desplegable .titulo-desplegable:before { 
    position: absolute; 
    top: 0; 
    left: -2.4rem; 
    font-family: "FontAwesome";
    content: "\f055";
    font-size: 2rem;
    transition: all .3s ease-in-out; 
}
.pagina-home-especialidad #desplegables .desplegable .titulo-desplegable,
.pagina-enfermedad #desplegables .desplegable .titulo-desplegable[aria-expanded="true"]:before { content: "\f056"; }

#contenidos-sintomas{
    margin-bottom:80px;
}
#contenidos-sintomas ul {
    margin: 20px ;

}
#contenidos-sintomas ul li
{
    list-style-type: disc;
}
#contenidos-sintomas ul li:before{
    content:"";
}

/**productos**/
.contenedor-productos { 
    padding-top: 40px;
    padding-bottom: 40px; 
}

ul.woocommerce-error li { padding-left: 3.5rem!important; }
ul.woocommerce-error li:before { content: ""; }

.woocommerce ul.lista-productos { 
    display: flex;
    -js-display: flex;
    flex-wrap: wrap;
    list-style: none; 

}
    .lista-productos__producto { margin-bottom: 40px; min-height: 575px; }
    .lista-productos__producto,
        .lista-productos__producto .producto-info {
                display: flex;
                -js-display: flex;
                flex-flow: column;
                 height: -webkit-fill-available;
            }
        .lista-productos__producto .producto-info {
            flex: 1 1 auto;
            align-items: center;
            justify-content: space-between;
            padding: 20px;
            border-left: 1px solid lightgrey;
            border-bottom: 1px solid lightgrey;
            border-right: 1px solid lightgrey;
        }
        .lista-productos__producto .producto-info .producto-texto { 
            display: block;
            width: 100%;
        }
        .woocommerce-loop-product__title { 
            margin-top: 0; 
            font-size: 1.5rem;
            font-weight: bold;
            color: #4A82C1;
            text-align: center;
        }

        .woocommerce-product-details__short-description {
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: center;
        }

        .woocommerce-Price-amount.amount {
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 1.5rem;
            font-weight: bold;
            color: black;
        }

        .producto-info a.add_to_cart_button,
        .producto-info a.button.product_type_simple,
        .producto-info a.button.product_type_variable {
            display: block;
            margin-top: 20px;
            width: 100%;
            text-align: center;
            text-transform: uppercase;
        }

        .producto-info a.add_to_cart_button,
        .producto-info a.add_to_cart_button:visited,
        .producto-info a.add_to_cart_button:focus,
        .producto-info a.button.product_type_simple,
        .producto-info a.button.product_type_simple:visited,
        .producto-info a.button.product_type_simple:focus,
        .producto-info a.button.product_type_variable,
        .producto-info a.button.product_type_variable:visited,
        .producto-info a.button.product_type_variable:focus,
        .single-product div.product form.cart .single_add_to_cart_button,
        .single-product div.product form.cart .single_add_to_cart_button:visited,
        .single-product div.product form.cart .single_add_to_cart_button:focus,
        .woocommerce #respond input#submit,
        .woocommerce #respond input#submit:visited,
        .woocommerce #respond input#submit:focus { 
            color: #fff; 
            background-color: #F29100; 
            border: 3px solid #F29100; 
            padding: 10px;
        }

        .producto-info a.add_to_cart_button:hover,
        .producto-info a.add_to_cart_button:active,
        .producto-info a.button.product_type_simple:hover,
        .producto-info a.button.product_type_simple:active,
        .producto-info a.button.product_type_variable:hover,
        .producto-info a.button.product_type_variable:active,
        .single-product div.product form.cart .single_add_to_cart_button:hover,
        .single-product div.product form.cart .single_add_to_cart_button:active,
        .woocommerce #respond input#submit:hover,
        .woocommerce #respond input#submit:active { 
            color: #F29100; 
            background-color: #fff; 
        }

    .lista-productos__producto:before { display: none; }

    .titulo-pagina-producto { background-color: #4A82C1; }
    .titulo-pagina-producto .texto-cabecera__titulo { 
        padding-top: 20px;
        color: white; 
        text-align: center;
        font-size: 2.2rem;
        line-height: 2.4rem;
    }
    .single-product .product {
        padding-top: 40px;
        padding-bottom: 40px;
    }
        .single-product .product .product_title.entry-title { color: #4A82C1; }

        .single-product .woocommerce-product-details__short-description { text-align: left; }

        .single-product .woocommerce-Price-amount.amount { font-size: 1.5rem; }

        .single-product div.product form.cart { margin-top: 20px; }
            .single-product div.product form.cart .single_add_to_cart_button { 
                font-size: 1.4rem; 
                text-transform: uppercase; 
            }
            .single-product div.product form.cart .single_add_to_cart_button:before {
                margin-right: 6px; 
                font-family: "FontAwesome";
                content: "\f07a";
                font-size: 1.6rem;
            }

            .single-product div.product form.cart .input-text.qty.text { 
                margin-right: 10px;
                padding: 15px 6px;
                font-size: 1.4rem; 
            }

        .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: 0; }
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs { 
            margin-bottom: 0; 
            padding-left: 0;
            border: 0;
        }
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li {
            margin-bottom: 6px;
            color: white;
            background-color: #4A82C1;
            border: 0;
            border-radius: 0;
        }
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li:nth-child( n+2 ) { margin-left: 6px; }
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li:before,
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li:after { display: none; }

        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li a,
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li a:visited,
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li a:focus { 
            color: white; 
            font-size: 1.4rem;
            font-weight: normal;
        }
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li:not(.active) a:hover,
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li:not(.active) a:active {
            color: white;
            text-decoration: underline;
        }
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li.active {
            margin-bottom: 0;
            padding-bottom: 6px;
            background-color: rgba(74, 130, 193, .2);
        }
        .single-product .product .woocommerce-tabs ul.tabs.wc-tabs li.active a { color: #545456; }

        .single-product div.product .woocommerce-tabs .panel { 
            padding: 40px;
            background-color: rgba(74, 130, 193, .2); 
            border: 0;
            border-radius: 0;
        }

        .single-product .producto__formulario-contacto,
        .formulario-contacto__formulario {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .formulario-contacto__titulo {
            margin-top: 0; 
            font-size: 1.5rem;
            font-weight: bold;
            color: #4A82C1;
        }
        .formulario-contacto__texto a,
        .formulario-contacto__texto a:visited,
        .formulario-contacto__texto a:focus {
            font-size: 1.4rem;
            font-weight: bold;
            color: #4A82C1;
        }

        .formulario-contacto__formulario .datos {
            display: flex;
            justify-content: space-between;
            padding-bottom: 15px;
        }
        .formulario-contacto__formulario .datos .wpcf7-form-control-wrap:nth-child( n+2 ) { margin-left: 15px; }

        .wpcf7-form .aceptacion { text-align: left; }
            .formulario-contacto__formulario .wpcf7-form .aceptacion a {
                font-weight: bold;
                color: #4A82C1;
            }
        .wpcf7-form .envio-formulario { text-align: right; }

/**Descarga**/

.descarga{
    background: #4A82C1;
    color: #fff;
    padding: 20px;
    margin-bottom: 80px;
    display: inline-flex;
    place-items: center;
    padding: 20px 20%;
    text-align: center;
}
.descarga a{
    color:#fff;
}
.descarga:before{
        content: "";
    background-image: url(../../img/descarga-PDF.png);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    margin-right: 20px;
}

/***FIN HOME ESPECIALIDADES**/

#contenido-pagina { padding-top: 40px; padding-bottom: 40px; }

.contenedor-lista-especialidades,
.lista-especialidades li { display: flex; -js-display: flex; }
.lista-especialidades { flex: 1; }
.lista-especialidades li { align-items: flex-start; margin-bottom: 10px; }
.lista-especialidades li a { color: #4A82C1; }
.lista-especialidades li h2 { margin-top: 0; margin-bottom: 0; font-size: 1.3rem; }
.lista-especialidades li:before { margin-right: 10px; font-family: "FontAwesome"; font-size: .8rem; content: "\f111"; color: #4A82C1; }

#contenido-promo { 
    padding-top: 40px; 
    padding-bottom: 40px; 
    background-repeat: no-repeat;
    background-size: cover;
}
#contenido-texto-promo { 
    position: relative;
    display: flex;
    -js-display: flex;
    flex-flow: column;
    justify-content: center;
    margin-left: 50%;
    padding-top: 40px; 
    padding-bottom: 40px;
    min-height: 480px;
    min-width: 480px;
    height: 480px;
    width: 480px;
    text-align: center; 
    color: #fff; 
    background-color: #4A82C1;
    border-radius: 100%;
}
    #contenido-texto-promo #cifra-promo { 
        position: absolute; 
        top: 0; right: -50px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 150px;
        min-width: 150px;
        height: 150px;
        width: 150px;
        font-size: 3rem;
        font-weight: bold;
        color: #4A82C1;
        background-color: #fff;
        border-radius: 100%;
    }
    #contenido-texto-promo #titulo-promo { margin-top: 0; margin-bottom: 10px; font-size: 2.4rem; font-weight: bold; }
    #contenido-texto-promo #subtitulo-promo { font-size: 2.2rem; font-weight: normal;  }
    #contenido-texto-promo #texto-promo { margin-top: 20px; font-size: 1.3rem; line-height: 1.5rem }
    #contenido-texto-promo a { color: #fff; font-weight: normal; font-size: 1.2rem; }
    
    #info {
        position: relative; 
        padding-top: 80px; 
        padding-bottom: 80px; 
        color: #4A82C1;
        font-size: 1.3rem; 
        line-height: 1.6rem;
        background-image: url( ../images/fondo-lineas.png );
        background-repeat: no-repeat; 
        background-position: right center;
        background-size: contain;
    }
    #info:before {
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        display: block;
        content: "";
        background-color: rgba(255,255,255, .7);
    } 
    #info a { color: #4A82C1; white-space: nowrap }

.medico:not(.wpcf7-form-control-wrap) { 
    padding: 40px; 
    background-color: #f5f5f5; 
}
.medico:nth-child( n+2 ) { margin-top: 40px; }
.medico,
.medico .texto-medico,
.medico .acciones,
.medico .acciones .descargar-tarifas,
.medico .acciones .telefono { display: flex; -js-display: flex; }
.medico .imagen-medico {
    flex: 0 0 200px; 
    margin-right: 40px; 
    width: 200px; 
    height: 200px; 
    text-align: center; 
    background-color: #4A82C1; 
    border-radius: 50%; 
}
.medico .imagen-medico i { 
    display: block;
    width: 100%;
    height: 200px;
    line-height: 200px;
    background-color: #d5d5d5;
    border-radius: 100%; 
}
.medico .texto-medico { flex-flow: column; justify-content: space-between; flex: 1; }
.presentacion-medico { font-size: .9rem; }
.medico .nombre-medico { margin-top: 0; font-weight: bold; color: #4A82C1; }
.medico .acciones,
.medico .acciones .descargar-tarifas,
.medico .acciones .telefono { justify-content: flex-start; align-items: center; }
.medico .acciones .telefono { margin-left: 20px; }
.medico .horario-consulta,
.medico .acciones { margin-top: 20px; }

.medico .acciones .descargar-tarifas,
.medico .acciones .telefono { font-size: 1.4rem; font-weight: bold; }
.medico .acciones .descargar-tarifas { color: #f29100; }
.medico .acciones .telefono { color: #575756; }
.medico .acciones .descargar-tarifas:before,
.medico .acciones .telefono:before { 
    display: inline-block; 
    margin-right: 6px; 
    width: 40px;
    height: 40px;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.medico .acciones .descargar-tarifas:before { background-image: url( ../images/descargar-tarifas.png ); }
.medico .acciones .telefono:before { background-image: url( ../images/telefono-medico.png ); }

.wpcf7-form .aceptacion a,
.wpcf7-form .aceptacion a:visited { color: #575756; }


.pagina-especialidad #titulo-pagina h1 { text-align: left; }
.titulo-contenido {
    padding-bottom: 15px; 
	font-size: 1.6rem; 
	line-height: 1.9rem;
	font-weight: normal; 
	border-bottom: .5px solid #575756;
}

.pagina-especialidad .intro-desplegables { margin-top: 40px; margin-bottom: 40px; }

.pagina-especialidad #desplegables { padding-bottom: 40px; }

.pagina-especialidad #desplegables .container + .container,
.pagina-especialidad #desplegables .container + .container-fluid,
.pagina-especialidad #desplegables .container-fluid + .container-fluid,
.pagina-especialidad #desplegables .container-fluid + .container {
    margin-top: 40px;
}

.pagina-especialidad #desplegables .container-fluid {
    position: relative;
    color: #4A82C1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.pagina-especialidad #desplegables .container-fluid:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    content:"";
    background-color: rgba(74, 130, 193, .2);
}
.pagina-especialidad #desplegables .container-fluid .titulo-contenido {
    border-bottom-color: #4A82C1;
}
#desplegables .container-fluid .texto-contenido { 
    display: flex;
    align-items: center;
    margin-top: 40px; 

}
#desplegables .container-fluid .texto-contenido__imagen {
    flex: 1;
    margin-right: 40px;
}
#desplegables .container-fluid .texto-contenido__texto {
    flex: 2;
}

.pagina-especialidad #desplegables .desplegable { 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 3.4rem; 
}
.pagina-especialidad #desplegables .desplegable .titulo-desplegable { position: relative; color: #4A82C1; }
.pagina-especialidad #desplegables .desplegable .titulo-desplegable[aria-expanded="true"] { color: #575756; }
.pagina-especialidad #desplegables .desplegable .titulo-desplegable:before { 
    position: absolute; 
    top: 0; 
    left: -2.4rem; 
    font-family: "FontAwesome";
    content: "\f055";
    font-size: 2rem;
    transition: all .3s ease-in-out; 
}
.pagina-especialidad #desplegables .desplegable .titulo-desplegable[aria-expanded="true"]:before { content: "\f056"; }

#contenidos-3 { padding-top: 40px; padding-bottom: 40px; }

.pagina-especialidad #info { padding-top: 80px; padding-bottom: 0px; text-align: center; }

.formulario--cita.modal.fade.in { 
    display: flex!important; 
    -js-display: flex!important; 
    align-items: center; 
}
.formulario--cita .cita-especialidad { 
    display: flex; 
    -js-display: flex; 
}

.formulario--cita .modal-content { border-radius: 0; }
.formulario--cita .modal-dialog { margin: 0 auto; width: 400px; max-width: 90%; }
.formulario--cita .modal-dialog > .modal-content:before {
    display: block;
    width: 100%;
    height: 150px;
    content: "";
    background-image: url( ../../img/foto-form.jpg );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border-bottom: 8px solid #4A82C1; 
}

.formulario--cita .cita-titulo { 
    display: block; 
    margin-bottom: 10px;
    text-align: center; 
    color: #4A82C1; 
    font-weight: bold; 
    font-size: 1.3rem;
}

.formulario--cita .cita-medico input,
.formulario--cita .cita-especialidad input {
    padding: 0; color: #575756; border: 0;
}
.formulario--cita .cita-medico input { padding: 0; text-align: center; }
.formulario--cita .cita-especialidad { justify-content: center; }
.formulario--cita .cita-especialidad span { padding-bottom: 4px; }

.formulario--cita .cita-especialidad span:first-child { flex: 1; padding-right: 4px; text-align: right; } 
.formulario--cita .cita-especialidad span:nth-child(2) { flex: 2; }
.formulario--cita .cita-datos { margin-top: 20px; }
.formulario--cita .cita-datos input[type="text"], 
.formulario--cita .cita-datos input[type="email"],
.formulario--cita .cita-datos input[type="tel"], 
.formulario--cita .cita-datos textarea, 
.formulario--cita .cita-datos select { padding: 6px 20px; }
.formulario--cita .cita-datos .wpcf7-form-control-wrap { display: block; margin-bottom: 10px; }

.formulario--cita .aceptacion .wpcf7-list-item { margin: 0; }
.formulario--cita .boton-enviar { display: block; width: 100%; }
.formulario--cita .wpcf7-submit { position: relative; font-family: 'Raleway', sans-serif; background-color: transparent; border: 0; cursor: pointer; }
.formulario--cita div.wpcf7 .ajax-loader { position: absolute; }
.formulario--cita .cerrar-form { display: none; }

#cta {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #4A82C1;
    background-image: url( ../../img/fondo-buscador-medicos.png );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
#cta .row,
.contenedor-texto-cta,
.formulario-cta .wpcf7-form { display: flex; -js-display: flex; }
#cta .row { align-items: center; }
.formulario-cta .wpcf7-form .contenedor-submit { margin-left: 20px; }
.formulario-cta .wpcf7-form .wpcf7-submit { 
    font-family: 'Raleway', sans-serif; 
    background-color: transparent; 
    border: 0; cursor: pointer; 
}
.formulario-cta .wpcf7-form .aceptacion,
.formulario-cta .wpcf7-form .aceptacion a { color: white; }
.contenedor-texto-cta .imagen-cta { flex: 1; }
.contenedor-texto-cta .texto-cta { flex: 3; margin-left: 20px; color: white; }
.contenedor-texto-cta .texto-titulo-cta { font-size: 2rem; font-weight: bold; }
.contenedor-texto-cta .texto-texto-cta { font-size: 1.4rem; }

.volver-especialidades { padding-top: 40px; padding-bottom: 80px; text-align: center; }
@media (min-width: 992px){
     #que_hacer .icono{
    
    max-width: 23%;
   
    }   

}
@media screen and (max-width: 1200px) {
    #contenido-texto-promo { margin-left: 42%; }
   
}

@media screen and (max-width: 991px) {
    #contenido-texto-promo { margin-left: 25%; }

    .lista-especialidades { padding-right: 15px; line-height: 1.4rem; }

    #cta .row { flex-flow: column; }
    .contenedor-texto-cta { margin-bottom: 20px; }
    .contenedor-texto-cta .imagen-cta img { margin-left: auto; }
    .formulario-cta .wpcf7-form { justify-content: center; }
    
    .texto-contenido { 
        flex-direction: column;
    }
        .texto-contenido__imagen {
            margin-right: 0;
            margin-bottom: 40px;
        } 
     
}

@media screen and (max-width: 768px) {
    #cabecera-texto .telefono-consultas {
        font-size: 2.6rem;
        line-height: 3rem;
    }
    #cabecera-pagina .container { width: 100%; }
    #cabecera-pagina #busqueda-medico { 
        top: 30px; 
        padding: 10px 20px; 
        text-align: center; 
    }
    #cabecera-pagina #busqueda-medico #buscar-medico { 
        margin-top: 20px; 
        margin-bottom: 20px; 
        padding: 10px 8px; 
    }

    .contenedor-lista-especialidades { flex-flow: column; }
    .lista-especialidades:first-child { margin-bottom: 0;}
    .lista-especialidades li h2 { font-size: 1.2rem; line-height: 1.4rem;  }

    #contenido-texto-promo { margin-left: 5%; }
    #contenido-promo { position: relative; }
    #contenido-promo:before { 
        position: absolute; 
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        content: "";
        background-color: rgba(74, 130, 193, .5);
    }

    #contenido-texto-promo {
        margin-left: 0;
        min-height: initial;
        min-width: auto;
        height: auto;
        width: auto; 
        color: #fff; 
        background-color: transparent;
    }
        #contenido-texto-promo #cifra-promo { 
            position: relative; 
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 20px;
            min-height: 150px;
            min-width: 150px;
            height: 150px;
            width: 150px;
        }
        #contenido-texto-promo #titulo-promo { font-size: 2rem; }
        #contenido-texto-promo #subtitulo-promo { font-size: 1.8rem; }
        #contenido-texto-promo #texto-promo { font-size: 1.1rem; line-height: 1.3rem }
        #contenido-texto-promo a { font-size: 1rem; }

        .pagina-especialidad #info { padding-top: 80px; padding-bottom: 80px; }

        .contenedor-texto-cta,
        .formulario-cta .wpcf7-form,
        .medico .horario-consulta, .medico .acciones { flex-flow: column; }
        .contenedor-texto-cta .imagen-cta img { margin-right: auto; }
        .contenedor-texto-cta .texto-cta { margin-left: 0; text-align: center; }
        .contenedor-texto-cta .texto-texto-cta { font-size: 1.2rem; }

        .medico:not(.wpcf7-form-control-wrap) { 
            flex-flow: column; 
            align-items: center;
            padding: 20px 15px; 
        }
        .medico .imagen-medico {
            margin-right: 0;
            width: 200px;
            max-width: 100%;
        }
        .medico .nombre-medico {
            margin-top: 10px; 
            text-align: center; 
        }
        .medico .acciones .telefono { margin-top: 20px; }
        .formulario--cita .cerrar-form { display: block; margin-top: 20px; text-align: center; }
        .formulario--cita .cerrar-form .btn { font-size: .85rem; }

        #cabecera-pagina #cabecera-texto { padding-left: 15px; }
        #cabecera-pagina #cabecera-texto:before { background-color: transparent; }
        #cabecera-texto .cabecera-titulo { font-size: 2.6rem; line-height: 2.8rem; }
        #cabecera-pagina #cabecera-texto { font-size: 1.4rem; line-height: 1.6rem; }
        .pagina-home-especialidad #cabecera-pagina {
            min-height: 540px;
            height: 540px;
        }
         #infografia{
             background-image: none !important;
         }
        #infografia .infobox{
            position:relative;
            left:25% !important;
            right: 25% !important;
                margin-top: 20px;
        }
        .backwhite{
            width: 330px;
        }
        .pagina-enfermedad .cabecera__enfermedad .btn-phone{
                position: relative;
            left: 0px;
            padding: initial;
            max-width: 250px;
            margin-top: 10px;
        }
        .pagina-enfermedad #iconos .icono{
            margin-top:20px;
        }
        #que_hacer .icono{
            margin-top:20px;
        }
}

@media screen and (max-width: 480px) {
    #contenido-texto-promo { margin-left: 0; }
}