/*



Theme Name: Divi Child



Theme URI: http://www.elegantthemes.com/gallery/divi/



Template: Divi



Author: Eleazar - Elegant Themes



Author URI: http://www.elegantthemes.com



Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.



Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready



Version: 3.0.9.1478777983



Updated: 2016-11-10 13:39:43



*/

@import url(cookies.css);
@import url(botones.css);
:root {
    --c-negro: #0c0d0e;
    --c-blanco: #FFFFFF;
    --c-gris-oscuro: #3f444b;
    --c-gris-azul: #818a96;
    --c-gris-medio: #babfc5;
    --c-gris-claro: #e6e8ea;
    --c-gris-extra-claro: #f1f2f3;
    --f-primaria: 'Archivo', sans-serif;
    --f-secundaria: 'Inter', sans-serif;
}

footer a {
    color: #333333 !important;
}

.post-meta {
    padding-top: 10px !important;
    padding-bottom: 40px !important;
}

@media (max-width: 767px) {
    .et_pb_row {
        width: 98%;
    }
    .et_pb_module.et_pb_team_member.et_pb_team_member_19.et_pb_bg_layout_light.clearfix,
    .et_pb_module.et_pb_team_member.et_pb_team_member_18.et_pb_bg_layout_light.clearfix {
        width: 100%;
    }
}

@media (min-width: 987px) {
    .imagen-izqda-blog {
        float: right;
    }
}

@media only screen and (min-width: 480px) {
    .CTA-boton-dos {
        width: 350px;
    }
}

.CTA-boton-dos {
    margin-top: 30px !important;
    color: #000 !important;
}

.at-about-fab {
    z-index: 666 !important;
}


/* Ancho submenú publicaciones */

@media only screen and (min-width: 981px) {
    .menu-blog .sub-menu,
    .menu-blog .sub-menu li a {
        width: 170px !important;
    }
}

@media (max-width: 767px) {
    .post-template-default .post-meta {
        display: none !important;
    }
    .fa-stack {
        background-color: #fff !important;
    }
    #mobile_menu {
        max-height: 300px;
        overflow: scroll;
    }
}

.info-doctor-seccion .et_pb_tab_content a {
    color: #000;
    text-decoration: underline;
}

@media (min-width: 957px) {
    div.pag-ttos-fila {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
}

@media (max-width: 767px) {
    div .pag-ttos-fila.et_pb_gutters1.et_pb_row.et_pb_row_fullwidth,
    .pag-ttos-fila.video-fondo {
        width: 100% !important;
        padding-top: 10px !important;
        padding: 0px !important;
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px !important;
        margin-top: 0px;
        padding-top: 50px !important;
        margin-top: 50px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

#qr-ciro {
    margin-top: 15px !important;
    max-width: 100px;
    margin: auto;
}

@media (max-width: 767px) {
    #qr-ciro {
        display: none !important;
    }
}

.arrow-bajar {
    width: 16px;
    margin: auto;
    display: block;
    height: 70px;
    animation: MoveUpDown 1.5s linear infinite;
    will-change: transform;
}

.contenedor-flecha-bajar {
    position: relative;
}

.enlace-flecha {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    position: relative;
    border: 1px solid #595959;
    border-radius: 50%;
    padding: 20px;
}

#primera-sec {
    padding-top: 50px;
    margin-top: -50px;
}

@keyframes MoveUpDown {
    0%,
    100% {
        transform: translateY(-30px);
    }
    50% {
        transform: translateY(-20px);
    }
}

@media (min-width: 900px) {
    .sgg-style-1 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sgg-style-1 a {
        flex: 0 0 48%;
        padding-bottom: 30px;
    }
}

@media (max-width: 1400px) and (min-width: 900px) {
    .imagen-cabecera-tratamiento {
        max-width: 80%;
        margin: auto !important;
    }
}


/* ------------------------  STYLE XQ ELEGIRNOS ------------------------------------*/

.fila-xq {
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}

.contenedor-banner-xq {
    max-width: 1170px !important;
    display: block;
    margin: auto;
}

.container-xq {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container-txt-xq {
    flex: 0 0 52%;
}

.container-img-xq {
    flex: 0 0 45%;
}

.bloq-xq {
    display: flex;
    margin-bottom: 35px;
}

.bloq-ico-xq {
    flex: 0 0 15%;
}

.bloq-txt-xq {
    flex: 0 0 85%;
}

.tit-xq {
    padding-bottom: 10px !important;
    letter-spacing: 0.01em;
    font-size: 25px !important;
}

.tit-xq:after {
    content: "";
    height: 2px;
    width: 50px;
    background-color: #1355a9 !important;
    display: block;
    margin-top: 10px;
}

.ico-xq {
    width: 60px !important;
    height: 60px !important;
}

@media (max-width: 1024px) {
    .contenedor-banner-xq {
        width: 100% !important;
    }
    .container-xq {
        align-items: inherit !important;
    }
}

@media (max-width: 768px) {
    .container-xq {
        flex-direction: column;
    }
    .container-txt-xq {
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
        order: 2;
    }
    .bloq-xq {
        display: flex;
        margin-bottom: 35px;
        width: 50%;
        flex-direction: column;
        padding: 10px;
    }
    .container-img-xq {
        flex: 0 0 45%;
        display: block;
        margin: auto;
        order: 1;
        margin-bottom: 40px !important;
    }
    .bloq-ico-xq {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 425px) {
    .container-xq {
        flex-direction: column;
    }
    .container-txt-xq {
        order: 2;
        flex: 0 0 100%;
    }
    .container-img-xq {
        order: 1;
        flex: 0 0 100%;
        margin-bottom: 30px !important;
    }
    .bloq-txt-xq {
        flex: 0 0 75%;
    }
    .bloq-ico-xq {
        flex: 0 0 25%;
    }
    .bloq-xq {
        display: flex;
        margin-bottom: 25px;
        width: 100% !important;
        flex-direction: inherit !important;
        padding: 0px !important;
    }
    .et_pb_text_inner a {
        text-align: center !important;
    }
    .et_pb_row_8.et_pb_row {
        margin-top: 0px !important;
    }
    .volver-a-ttos p {
        text-align: center !important;
    }
}


/* apartado Escrito por... */

.escritopor {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 500px;
    margin: auto;
}

.escritopor .imagen {
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 150% auto;
}

.escritopor .textos {
    margin-left: 20px;
}

.escritopor .textos span.escrito {
    font-size: 13px;
}

.escritopor .textos span.doctor {
    font-size: 26px;
}

.escritopor .textos span.cargo {
    font-size: 20px;
}

@media (max-width: 500px) {
    .escritopor {
        width: 300px;
    }
    .escritopor .imagen {
        height: 50px !important;
        width: 50px !important;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 50%;
        background-size: 170% auto;
    }
    .escritopor .textos span.doctor {
        font-size: 22px;
    }
    .escritopor .textos span.cargo {
        font-size: 16px;
    }
}


/** Menú **/

@media (max-width: 768px) {
    #mobmenuright li {
        border-top: 1px solid #f5f5f5;
    }
    .page-id-27167.et_fixed_nav.et_show_nav #page-container {
        padding-top: 0px !important;
    }
    .mob-icon-cancel-1:before {
        content: "\ecf2";
        font-size: 20px !important;
        color: #7a7a7a !important;
    }
    #page-container,
    .et_fixed_nav.et_show_nav #page-container,
    .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,
    .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container,
    .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
        padding-top: 0px !important;
    }
    .home.page-id-27191 #page-container {
        padding-top: 0px !important;
    }
}


/*--- invisa certificado ---*/

.invisa-diamond {
    display: none !important;
}

@media (max-width: 468px) {
    .invisa-diamond {
        display: block !important;
        width: 100% !important;
    }
}


/*--- Botón flotante ---*/

a.enlace-llamar {
    display: none;
}

@media (max-width: 426px) {
    a.enlace-llamar {
        display: block;
        position: fixed;
        bottom: 15px;
        left: 20px;
        height: 55px;
        width: 55px;
        z-index: 999;
        border-radius: 50%;
        background-color: #00bc60;
        box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.3);
    }
}

@media (max-width: 767px) {
    .banner-negro-bl-dental .et_pb_column_7 {
        background: none;
    }
    .banner-negro-bl-dental #estrecho h4.subtitulo-pers,
    .banner-negro-bl-dental #estrecho h4 {
        color: #1e1e1e;
        font-weight: 300;
        /*margin-top: 10px;*/
    }
}

@media (max-width: 768px) {
    .ocultar-mb-tb {
        display: none;
    }
}

@media (max-width: 980px) and (min-width: 767px) {
    .banner-negro-bl-dental .et_pb_column_4_4 {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    a.enlace-contacto {
        display: block;
    }
    a.enlace-contacto .at-about-fab {
        right: 15px;
        bottom: 25px;
    }
    .at-about-fab__thumbnail {
        background: #616161 !important;
    }
}

.moove-gdpr-branding-cnt {
    display: none;
}


/* -----------------------------------  SERVICIOS MV -------------------------------- */

@media (max-width: 768px) {
    .servicios-imagen {
        box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.15);
        margin-top: 15px;
    }
    .servicios-textos {
        background: white;
        height: 100%;
        padding: 15px;
        box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.15);
    }
    .servicios-textos p {
        font-size: 16px !important;
    }
}

@media (max-width: 980px) and (min-width: 899px) {
    #bloq-servicios .servicios-principal .et_pb_column {
        background-image: none !important;
    }
}

.et_pb_text_inner>i.fa.fa-clipboard {
    display: none !important;
}

comment-form-url {
    display: none !important;
}

.et_pb_tab li {
    line-height: 22px !important;
    padding-bottom: 5px !important;
}


/* Estilos fechas publicaciones bajo el título */

.et_pb_posts {
    padding-left: 50px;
}

p.post-meta {
    visibility: hidden;
}

span.published {
    margin-left: -50px !important;
    font-size: 20px !important;
    border-bottom: 2px solid black;
    font-weight: 500;
    color: black;
    visibility: visible;
    float: left;
}

h2.entry-title {
    color: #000000;
    padding-bottom: 0px;
}

.pagination a {
    font-weight: 400;
    border-bottom: 2px solid #2ea3f2;
}


/* Personalizar enlaces "LEER MÁS" */

.et_pb_posts a.more-link {
    font-weight: 600;
    text-transform: uppercase;
}

.post-content p {
    color: black !important;
    font-weight: 300;
    font-size: 19px !important;
}

strong {
    font-weight: 600;
}


/*

Te damos la bienvenida a CSS personalizado



Para saber cómo funciona, ve a http://wp.me/PEmnE-Bt

*/


/* CSS Document */


/* GENERAL: Iconos de footer en Chrome */

body {
    -webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}


/* TRATAMIENTOS: Cursor en cruz negra */

.projectlist a:hover {
    cursor: crosshair;
}


/* BLOG: no mostrar Posted by */

section.blog div.post-meta {
    display: none;
}


/* SERVICIOS: aÒadir enlace a iconos */

.feature:hover {
    background: transparent;
    cursor: pointer;
}


/* TRATAMIENTOS: Cambiar ubicaciÛn de tÌtulos y botones */

.closeProject {
    top: 0;
    left: 50.75%;
}

.project-filter-wrapper {
    text-align: center;
    visibility: hidden;
}

.closeProject .icon-remove {
    display: none;
    visibility: hidden;
}

.closeProject {
    display: none;
    visibility: hidden;
}


/* PARA QUE APAREZCA: display: inline-block; */

.closeProject span {
    position: relative;
    bottom: 0;
    color: #000;
    opacity: 0.5;
}

.closeProject a:hover span,
.closeProject a:hover .icon-remove {
    opacity: 1;
}


/* TRATAMIENTOS: mostrar 3x3 cuadros */

@media only screen and (min-width: 960px) {
    jectlist li {
        width: 33.33%;
    }
    .portfolio {
        text-align: center;
    }
    .portfolio {
        text-align: center;
    }
    .projectlist {
        width: 55%;
        margin-top: -15px;
        display: inline-block;
    }
    .projectlist li {
        width: 33.33%;
    }
}

ul.filtering {
    display: none;
}


/* GENERAL: mostrar iconos de idioma arriba */

.icons .overview .tooltip,
.icons .overview .arrow-down {
    display: none !important;
}


/* TRATAMIENTOS: de B/N cambiar a color en hover 

.projectlist a:hover .projectinfo {

background: none;

}



.projectlist a:hover .meta h4,

.projectlist a:hover .meta em {

color: #060606 !important;

}



li.project img {

-webkit-filter: grayscale(1);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray!important;

filter: url('data: image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iZ3JheXNjYWxlIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PC9maWx0ZXI+PC9zdmc+#grayscale');

-webkit-transition: all .7s ease-out;

-moz-transition: all .7s ease-out;

-ms-transition: all .7s ease-out;

-o-transition: all .7s ease-out;

transition: all .7s ease-out;

-webkit-transform: translateZ(0px);

}



li.project:hover img {

-webkit-filter: grayscale(0);

-webkit-filter: grayscale(0);

-moz-filter: grayscale(0);

-ms-filter: grayscale(0);

-o-filter: grayscale(0);

filter: grayscale(0);

filter: none!important;

}

*/


/* TRATAMIENTOS: Eliminando el hover en color, aÒadir hover gris con poca opacidad */

.projectlist a:hover .projectinfo {
    background: rgba(249, 249, 249, 0.5) !important;
}


/* TRATAMIENTOS: eliminar duplicado de tÌtulo */

#tratamientos .ajax-section>.title {
    display: none;
}

#treatments .ajax-section>.title {
    display: none;
}


/* TAB SHORTCODE: cambiar background y color */

.tabs div {
    background: transparent;
    border: 1px solid #fff;
    border-bottom: 2px solid #505050;
    color: #000;
}

.tabs ul li.active a {
    background: transparent !important;
    border-left: 1px solid white;
    border-right: 1px solid white;
}


/* GENERAL: datos de contacto bajo el logo */

.logo {
    color: #333333;
}

.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    background: #fff;
    position: absolute;
    top: 30px;
    left: -10px;
    border: 1px solid #eee;
    width: 160px;
    margin-left: 0 !important;
    padding: 5px;
}

.dropdown-menu li {
    float: none;
    display: block;
    padding: 2px 10px;
    background-color: #fff;
    margin: 0 !important;
}

.dropdown-menu.sub-menu {
    top: -1px;
    left: 128px;
}

.nav li:hover>.dropdown-menu {
    opacity: 1;
    visibility: visible;
}


/* INICIO: AÒadir logo encima de la IMAGEN */

.home-first-section .call-to-action {
    margin-top: 0;
}

.hero.home-first-section .content {
    margin-top: 20% !important;
}


/* INICIO: AÒadir logo encima del VIDEO */

.home-first-section .call-to-action {
    margin-top: 0;
}

.asocvideo {
    margin-top: 14% !important;
}

.hero.home-first-section .content {
    margin-top: 20% !important;
}

@media (max-width: 960px) {
    .asocvideo {
        margin-top: 300px;
    }
}


/* INICIO: RECUADRO encima del VIDEO */

@media (max-width: 960px) {
    .ticker h1 {
        padding-top: 2%;
        border: 1px solid #fff;
    }
    .recuadrovideo {
        display: none;
    }
    #clinica .ticker h1 {
        padding-top: 0;
        border: 0 solid #fff;
    }
    #galeria .ticker h1 {
        padding-top: 2%;
        border: 0 solid #fff;
    }
    #index .ticker h1 {
        padding-top: 2%;
        border: 0 solid #fff;
    }
    #galeria .galeria-menu {
        margin-top: 20%;
    }
}


/* ESPECIALISTAS: tabla */

.especialistas {
    border-spacing: 15px;
}


/* ESPECIALISTAS-EQUIPO: AÒadir algo de margen entre la foto del especialista y el nombre */

.team-member .name {
    padding-top: 25px;
}

.parent-pageid-27176 h1 {
    margin-top: 70px;
}


/* CIRO TV*/

.ciro-tv {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ciro-tv .columna {
    margin: 1%;
    flex: 0 0 31%;
}

@media screen and (max-width: 768px) {
    .ciro-tv .columna {
        flex: 0 0 48%;
    }
}

@media screen and (max-width: 425px) {
    .ciro-tv {
        display: block;
    }
}


/* RESPONSIVE: bajar tÌtulos de p·gina en Responsive */

@media only screen and (max-width: 960px) {
    .title h2 {
        margin-top: 15%;
    }
    .border {
        margin-bottom: -10%;
    }
}


/* RESPONSIVE: Reducir tamaÒo de  tÌtulo de tratamientos individuales */

@media only screen and (max-width: 320px) {
    .project-title h2 {
        font-size: 1.2em;
        margin-bottom: -60px;
        margin-top: -30px;
    }
    .et_pb_fullwidth_header_1.et_pb_fullwidth_header .header-content h1 {
        font-size: 40px !important;
    }
}


/* RESPONSIVE: Cambiar telÈfono y mail de la cabecera: Quitar mail y poner icono para telÈfono ------------------------------*/


/* SMARTPHONES - PORTRAIT*/

@media only screen and (max-width: 320px) {
    .logo {
        padding-top: 5% !important;
        width: 55%;
    }
    #logo-contacto {
        width: 160% !important;
        text-indent: -9999px;
        white-space: nowrap;
    }
    .telefono {
        height: 32px;
        width: 32px;
        background-image: url(/wp-content/uploads/2016/03/device-iPhone-smartphone-vertical-glyph-128.png);
        background-repeat: no-repeat;
        z-index: 100;
        position: absolute;
        margin-top: 0;
        margin-left: 65%;
    }
    .email {
        visibility: hidden;
    }
}


/* SMARTPHONE - LANDSCAPE */

@media only screen and (min-width: 321px) and (max-width: 768px) {
    .logo {
        width: 55%;
        margin-bottom: -10%;
    }
    #logo-contacto {
        width: 160% !important;
        text-indent: -9999px;
        white-space: nowrap;
    }
    .telefono {
        height: 32px;
        width: 32px;
        background-image: url(/wp-content/uploads/2016/03/device-iPhone-smartphone-vertical-glyph-128.png);
        background-repeat: no-repeat;
        z-index: 100;
        position: absolute;
        margin-top: -8%;
        margin-left: 65%;
    }
    .email {
        display: none;
    }
}

ul.filtering {
    display: none;
}


/* GENERAL: mostrar iconos de idioma arriba */

.icons .overview .tooltip,
.icons .overview .arrow-down {
    display: none !important;
}


/* TRATAMIENTOS: de B/N cambiar a color en hover 

.projectlist a:hover .projectinfo {

background: none;

}



.projectlist a:hover .meta h4,

.projectlist a:hover .meta em {

color: #060606 !important;

}



li.project img {

-webkit-filter: grayscale(1);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray!important;

filter: url('data: image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iZ3JheXNjYWxlIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PC9maWx0ZXI+PC9zdmc+#grayscale');

-webkit-transition: all .7s ease-out;

-moz-transition: all .7s ease-out;

-ms-transition: all .7s ease-out;

-o-transition: all .7s ease-out;

transition: all .7s ease-out;

-webkit-transform: translateZ(0px);

}



li.project:hover img {

-webkit-filter: grayscale(0);

-webkit-filter: grayscale(0);

-moz-filter: grayscale(0);

-ms-filter: grayscale(0);

-o-filter: grayscale(0);

filter: grayscale(0);

filter: none!important;

}

*/


/* TRATAMIENTOS: eliminar duplicado de tÌtulo */

#tratamientos .ajax-section>.title {
    display: none;
}


/* TAB SHORTCODE: cambiar background y color */

.tabs div {
    background: transparent;
    border: 1px solid #fff;
    border-bottom: 2px solid #505050;
    color: #000;
}

.tabs ul li.active a {
    background: transparent !important;
    border-left: 1px solid white;
    border-right: 1px solid white;
}


/* GENERAL: datos de contacto bajo el logo */

.logo {
    color: #35c;
}


/* GENERAL: Hacer que el men˙ tenga submen˙s */

.nav>li {
    position: relative;
}

.dropdown-menu.sub-menu {
    top: -1px;
    left: 128px;
}

.nav li:hover>.dropdown-menu {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 959px) {
    .dropdown-menu {
        display: yes;
        opacity: 1;
    }
}


/* INICIO: AÒadir logo encima de la IMAGEN */

.home-first-section .call-to-action {
    margin-top: 0;
}

.hero.home-first-section .content {
    margin-top: 20% !important;
}

@media (max-width: 960px) {
    .asociaciones {
        margin-top: 300px;
    }
}


/* INICIO: AÒadir logo encima del VIDEO */

.home-first-section .call-to-action {
    margin-top: 0;
}

.asocvideo {
    margin-top: 14% !important;
}

.hero.home-first-section .content {
    margin-top: 20% !important;
}

@media (max-width: 960px) {
    .asocvideo {
        margin-top: 300px;
    }
}


/* INICIO: RECUADRO encima del VIDEO */

.home-first-section .call-to-action {
    margin-top: 0;
}

.recuadrovideo {
    margin-top: -8% !important;
    height: 200px;
}

@media (max-width: 960px) {
    .recuadrovideo {
        margin-top: 300px;
    }
}


/* ESPECIALISTAS: tabla */

.especialistas {
    border-spacing: 15px;
}


/* ESPECIALISTAS-EQUIPO: AÒadir algo de margen entre la foto del especialista y el nombre */

.team-member .name {
    padding-top: 40px;
}


/* RESPONSIVE: bajar tÌtulos de p·gina en Responsive */

@media only screen and (max-width: 960px) {
    #aboutparallex .title h2 {
        margin-top: 5%;
    }
}


/* RESPONSIVE: Cambiar telÈfono y mail de la cabecera: Quitar mail y poner icono para telÈfono ------------------------------*/


/* SMARTPHONES - PORTRAIT*/

@media only screen and (max-width: 320px) {
    .logo {
        padding-top: 5% !important;
    }
    #logo-contacto {
        width: 160% !important;
        text-indent: -9999px;
        white-space: nowrap;
    }
    .telefono {
        height: 32px;
        width: 32px;
        background-image: url(/wp-content/uploads/2016/03/device-iPhone-smartphone-vertical-glyph-32.png);
        background-repeat: no-repeat;
        z-index: 100;
        position: absolute;
        margin-top: -8%;
        margin-left: 65%;
    }
    .email {
        display: none;
    }
}


/* SMARTPHONE - LANDSCAPE */

@media only screen and (min-width: 321px) and (max-width: 768px) {
    .logo {
        width: 55%;
        margin-bottom: -10%;
    }
    #logo-contacto {
        width: 160% !important;
        text-indent: -9999px;
        white-space: nowrap;
    }
    .telefono {
        height: 32px;
        width: 32px;
        background-image: url(/wp-content/uploads/2016/03/device-iPhone-smartphone-vertical-glyph-32.png);
        background-repeat: no-repeat;
        z-index: 100;
        position: absolute;
        margin-top: -8%;
        margin-left: 65%;
    }
    .email {
        display: none;
    }
}


/* SERVICIOS: Cambiar n˙mero de iconos a mostrar */

.icons .overview {
    width: 20%;
}

.icons .clearfix {
    width: 300px;
    margin: auto;
}

@media only screen and (max-width: 960px) {
    .icons .overview {
        width: 50%;
    }
    .icons .clearfix {
        width: 300px;
        margin: auto;
    }
}


/* RESPONSIVE: bajar los tÌtulos en INDEX e INICIO */

@media only screen and (max-width: 960px) {
    .ticker {
        margin-top: 10%;
    }
}


/* ESPECIALISTAS: Texto m·s pequeÒo en RESPONSIVE */

@media only screen and (max-width: 960px) {
    .especialistas_h1 {
        font-size: 70%;
    }
}


/* RESPONSIVE: Quitar logo BQDC */

@media only screen and (max-width: 960px) {
    .bqdc-logo {
        visibility: hidden;
        display: none;
    }
}

@media only screen and (max-width: 1366px) {
    .bqdc-logo {
        visibility: hidden;
        display: none;
    }
}


/* BLOG: Enlaces en color turquesa */

.post-body a {
    color: #348996;
}

.post-body a:hover {
    text-decoration: underline;
}


/* NOTICIAS: AÒadir espacio al banner */

#journal-title-image {
    margin-top: 25px;
    height: 182px;
}

@media only screen and (max-width: 960px) {
    #journal-title-image {
        height: 55px;
    }
}


/* PERSONAL: Cuadrar miembros */

#personal .grid-2 {
    min-height: 285px;
}

.clinica_menu,
.galeria_menu {
    margin-top: 20% !important;
}

#galeria .dark .button {
    border: none !important;
}

.clinica_menu a,
.galeria_menu a {
    color: #fff;
    padding: 0 7px;
}

#clinica .galeria_menu {
    display: none;
}

#galeria .clinica_menu {
    display: none;
}

.project-gallery-next,
.project-gallery-prev {
    display: none;
}

#index .recuadrovideo {
    display: none;
}

ul.icons.clearfix li.overview {
    min-height: 160px;
}

#galeria ul.call-to-action span.icon-circle {
    display: none;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .hero.home-first-section .content {
        margin-top: 280px !important;
    }
}


/*  - - - - - - - - - - CORRECCIONES CSS LAZARO - - - - - - - - - - */

.content.container {
    padding-top: 125px;
}


/* Hacer fuente heading slider "Clinica" más pequeña para que no se monte en 2 lineas */

.ticker h1 {
    font-size: 49px !important;
}

.ticker {
    margin-top: -140px !important;
}


/* Hacer fuente y border botones sobre slider en "Clinica" más gruesa  y visible */

.dark .call-to-action a,
.dark .call-to-action a:visited {
    font-weight: 900 !important;
}

.dark .button {
    border: 2px solid #fff !important;
}


/* logo BQDC en menu está fijo en la derecha y al cargar no aparece en la izquierda primero */

img.bqdc-logo {
    float: right;
}


/* Ajustar espaciado del navbar y el logo */

.logo img {
    width: 250px;
    height: auto;
    padding: 3px 0;
}


/* Ajustes estructura navbar con logo vctorial */

nav {
    padding: 10px 0;
}

.desktop.navigation {
    padding: 10px 0;
}

.desktop.navigation .nav-content a {
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: 15px;
    opacity: 1;
    filter: inherit;
}

.desktop.navigation .nav-content li {
    float: left;
    margin-right: 0;
    line-height: 30px;
}

@media only screen and (min-width: 960px) {
    .logo {
        width: 26%;
    }
}

button.nav-button {
    padding-top: 13px;
}

.desktop.navigation {
    width: 68%;
    margin-right: 0;
}

@media only screen and (min-width: 480px) and (max-width: 959px) {
    .logo {
        width: 250px !important;
    }
}

@media only screen and (max-width: 479px) {
    .logo {
        width: 200px !important;
    }
}

@media only screen and (max-width: 1366px) {
    .desktop.navigation {
        width: 71%;
    }
}

@media only screen and (max-width: 1125px) {
    .desktop.navigation .nav-content li {
        margin-left: 17px !important;
    }
}

@media only screen and (min-width: 1126px) {
    .desktop.navigation .nav-content li {
        margin-left: 30px;
    }
}


/* Ocultar menú idiomas en el centro de la página Home */

.lngdrop {
    display: none;
}


/* Ocultar etiquetas de los posts */

.tags {
    display: none;
}


/* Elementos menú en negrita al pasar por encima */

nav li a:hover {
    font-weight: bold;
}


/*Reducir espacio al inicio de página NOTICIAS */

.blog {
    margin-top: 0 !important;
}


/* Reducir tamaño logos BQDC y demás en Homepage a 50x50px */

.asociaciones #top img {
    width: 50px;
    height: 50px;
}

@media (max-width: 959px) {
    .ticker h1 {
        margin-bottom: 0;
        height: 100%;
        padding-bottom: 2%;
        border: 3px solid #fff;
    }
}


/* Ajustar espaciado superior heading Home */

@media only screen and (max-width: 639px) {
    .home .dark.content.container {
        padding-top: 200px;
    }
}


/* CORRECCIONES HOME espaciados, imagen de fondo de "caja abierta" y demás */

.page-id-55 .ticker {
    margin-bottom: 20px;
    height: 100%;
}

.asociaciones {
    padding-top: 0 !important;
    margin-top: 50px !important;
}

.recuadrovideo {
    background-image: url(/wp-content/uploads/2016/recuadro_video_.svg);
    background-repeat: no-repeat;
}

.recuadrovideo {
    margin-top: -8% !important;
    height: 190px;
}

.hero.home-first-section .content {
    margin-top: 280px !important;
}

@media (max-width: 960px) {
    .grid-full .title h2 {
        margin-top: 0 !important;
    }
}

@media (max-width: 639px) {
    .hero.home-first-section .content {
        margin-top: 140px !important;
    }
}


/* fin CORRECCIONES HOME espaciados, imagen de fondo de "caja abierta" y demás */


/* Hacer el texto de todos los párrafos negro para mejor legibilidad */

.post p {
    color: #000;
}


/* AJUSTES PÁGINA TRATAMIENTOS */

.project-info .grid-2 center {
    margin-bottom: 40px;
}

.grid-2 .size-full {
    max-width: 100% !important;
    width: 100% !important;
}

.portfolio .title.grid-full {
    display: inline-block !important;
}

.sub-heading {
    margin: 48px auto 0 !important;
}

.ajax-section h2 {
    display: none;
}

@media (min-width: 480px) {
    .content span.border {
        display: none;
    }
}

@media (max-width: 479px) {
    .ajax-section span.border {
        display: none;
    }
}

@media only screen and (max-width: 960px) {
    .title h2 {
        margin-top: 0;
    }
}

@media only screen and (min-width: 960px) {
    .projectlist {
        width: 80%;
        max-width: 1000px;
        margin-top: 50px;
    }
}


/* Ocultar encuesta satisfacción página Clínica */

.page-id-54 .slider-cover {
    display: none;
}


/* Ajustes responsive títulos slider página Clínica */

.page-id-54 .ticker {
    height: 100% !important;
}

h1.headline-slider {
    margin-top: 0 !important;
    font-size: 32px !important;
}

@media (min-width: 640px) {
    .hero.home-first-section .content {
        margin-top: 240px !important;
    }
}


/* Ajuste ancho BOTONES SLIDER página Clínica */

.call-to-action li {
    display: inline-block;
    margin-right: 5%;
    width: 46%;
}

.call-to-action a.button {
    width: 100%;
    padding: 20px 5px;
}

@media (max-width: 499px) {
    .call-to-action li {
        display: inline-block;
        margin-right: 0;
        width: 90%;
        margin: 10px 0;
    }
}

@media (max-width: 399px) {
    h1.headline-slider {
        font-size: 24px !important;
    }
}

.ticker-home {
    margin-top: 0 !important;
    display: block !important;
}

.team-list .grid-2 {
    height: 280px !important;
}

.post-meta a:visited {
    color: #348996 !important;
}

.post-body a {
    color: #348996 !important;
}

blockquote {
    padding: 15px 15px 1px 30px !important;
}

.project-title h2 {
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    color: #3d92c6;
}

.project-title {
    padding: 15px 0 20px;
}

.project-hero .slider-pager {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 450px) {
    .project-title h2 {
        font-size: 28px;
    }
}

.small-border {
    display: block;
    width: 80px;
    height: 2px;
    background: #060606;
    margin: 0 auto;
}

#tratamientos .sub-heading {
    margin: 35px auto 0 !important;
}

.project-title {
    padding: 50px 0 20px;
}

#tratamientos .project-info center img {
    margin-bottom: 30px;
}

.tabs div {
    text-align: left;
}

.justified-gallery .sgg-caption span {
    visibility: hidden;
}

.instagram-social-btn-bottom,
.instagram-social-btn-top {
    float: left;
}


/* Estilos footer nuevo */

div#et-footer-nav {
    background-color: #f4f4f4;
}

footer span {
    display: block;
    line-height: 1.8em;
}


/* Personalizar iconos sociales footer */

.et-social-rss a.icon:before {
    content: "e09e";
    background-image: url(/wp-content/uploads/2016/instagram-logo.svg);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    width: 23px;
}

#footer-bottom .et-social-icon a {
    font-size: 20px;
}

.et-social-rss a {
    font-size: 22px !important;
    vertical-align: inherit;
    top: 1px;
}

li.et-social-icon.siguenos-footer {
    font-weight: bold;
    font-family: roboto;
    font-size: 20px;
    color: #404040;
    text-transform: uppercase;
}

li.et-social-icon a {
    color: #333333 !important;
}

.media-frame h1,
.media-frame h2 {
    font-size: inherit;
    font-family: inherit;
    letter-spacing: inherit;
}


/* Estilos títulos sidebar */

#sidebar h4,
.et_pb_sidebar_0 h4 {
    padding-bottom: 5px !important;
    margin: 25px 0 15px 0 !important;
    border-bottom: 2px solid black !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    display: inline-block !important;
}

.sidebar,
.et_pb_sidebar_0,
.et_pb_sidebar_no_border {
    margin-top: -20px;
}


/* Corregir tamaño botón compartir en Google+ */

.g-plus {
    width: 65px !important;
    height: 20px !important;
}

div.sharedaddy h3.sd-title {
    margin: 0px 0 0.1em;
    display: inline-block;
    line-height: 1.2;
    font-size: 17px;
    font-weight: 700;
}

@media only screen and (max-width: 980px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 25px;
    }
    h5 {
        font-size: 21px;
    }
    h6 {
        font-size: 18px;
    }
}


/* Hacer fila iconos sociales ancho completo en pantallas pequeñas */

@media only screen and (max-width: 980px) {
    #main-footer .et_pb_row_8 {
        margin: 0px;
        width: 100%;
    }
}


/* Mejora del responsive páginas individuales detalles doctores */

@media only screen and (max-width: 767px) {
    .info-doctor-seccion h2 {
        padding-bottom: 20px !important;
    }
    .info-doctor-seccion .et_pb_image {
        padding: 0px;
    }
}

@media only screen and (max-width: 479px) {
    .info-doctor-seccion .et_pb_row {
        max-width: inherit;
        width: 95%;
    }
}


/* Estilos de botones CTA Pedir Cita y Llamar */

.CTA-boton {
    color: #ffffff !important;
    background: #1255a9;
    text-align: center;
}

.CTA-boton:hover {
    background-color: #1255a9 !important;
}

.CTA-fila1 {
    padding: 0px !important;
}

.CTA-fila2 {
    padding: 20px 0px 5px 0px;
}

@media only screen and (min-width: 480px) and (max-width: 980px) {
    .col-CTA {
        width: 48% !important;
    }
    .col-CTA-i {
        margin-right: 2%;
    }
    .col-CTA-d {
        margin-left: 2%;
    }
}

@media only screen and (max-width: 479px) {
    .col-CTA .et_pb_button_module_wrapper {
        text-align: center;
    }
    .CTA-boton {
        width: 200px;
    }
    .CTA-boton1 {
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width: 480px) {
    .CTA-boton {
        width: 150px;
    }
}

@media only screen and (max-width: 980px) {
    .CTA-fila2 {
        padding: 0px 0px 5px 0px;
    }
    .col-CTA {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .CTA-fila1 .et_pb_column {
        margin-bottom: 0px;
    }
}


/* Estilos para páginas individuale de tratamientos, para todo el rango de tamaños de pantalla */

.seccion-pag-tratamiento {
    padding: 50px 0px 70px 0px !important;
}

.h1-responsive-ttos {
    zoom: 1.1;
}

.pag-ttos-fila {
    padding: 70px 0px 0px 0px !important;
}

.seccion-pag-tratamiento h4 {
    -webkit-font-smoothing: subpixel-antialiased;
}

.seccion-pag-tratamiento p {
    text-align: justify !important;
}

.imagen-responsive-ttos {
    padding: 0px 0px 30px 0px !important;
}

@media only screen and (min-width: 981px) {
    .h1-responsive-ttos {
        padding-top: 20px;
        padding-bottom: 30px !important;
    }
}

@media only screen and (max-width: 767px) {
    .imagen-responsive-ttos {
        margin: 0px;
        width: 100%;
    }
}

@media only screen and (max-width: 980px) {
    .seccion-pag-tratamiento h4 {
        padding: 20px 0px 0px 0px;
    }
    .pag-ttos-fila-responsive {
        padding: 0px 0px 60px 0px !important;
    }
    .seccion-pag-tratamiento {
        padding: 50px 0px 0px 0px !important;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1150px) {
    .imagen-ttos {
        height: 400px !important;
    }
}

@media only screen and (min-width: 1151px) {
    .imagen-ttos {
        height: 450px !important;
    }
}

.p-ttos-responsive {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}


/* Estilos link "Volver a Tratamientos" de páginas Trattos. individuales */

.volver-a-ttos a {
    font-weight: 400;
    border-bottom: 2px solid #2ea3f2;
    font-size: 20px;
}

.fila-volver {
    padding-top: 0px;
    margin-top: 20px;
    max-width: none;
}

@media only screen and (max-width: 980px) {
    .fila-volver {
        padding-bottom: 50px !important;
        margin-top: -50px;
    }
}


/* Estilos títulos sidebar */

.et_pb_sidebar_no_border h2,
.et_pb_sidebar_no_border h3,
.et_pb_sidebar_no_border h4,
.et_pb_sidebar_no_border h5,
h2.entry-title,
h3.entry-title,
h4.entry-title,
h5.entry-title {
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
}


/* Espaciado posts blog */

.et_pb_post {
    margin-bottom: 80px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
}


/* Ajustar menú, que se montaba el logo poco antes de pasar a burguer button */

@media only screen and (min-width: 981px) and (max-width: 1049px) {
    #et-top-navigation #top-menu li {
        padding-right: 9px;
        letter-spacing: -0.5px;
    }
}

#top-menu>li:last-child {
    padding-right: 0 !important;
}


/* Bajar lupa búsqueda en Navbar en ordenadores, que estaba muy arriba */

#et_top_search {
    margin: 10px 0 0 22px;
}


/* Bajar lupa búsqueda en Navbar en móviles */

@media only screen and (max-width: 980px) {
    .CTA-fila1 .et_pb_column {
        margin-bottom: 20px !important;
    }
    /* Bajar lupa Navbar en pantallas pequeñas */
    #et_top_search {
        margin: 0px 0 0 22px;
    }
}


/* Ajuste del título páginas Trattos. proporcional al ancho de pantalla en pantallas pequeñas */

@media only screen and (max-width: 480px) {
    .h1-responsive-ttos h1 {
        font-size: 8.5vw;
    }
    /* Navbar menos alto en pantallas muy pequeñas */
    .et_header_style_left .mobile_menu_bar {
        padding-bottom: 15px;
    }
    .et_header_style_left #et-top-navigation {
        padding-top: 15px;
    }
}


/* Márgenes laterales de los elementos del navbar en pantallas muy pequeñas, para que la lupa no se monte sobre el burger button */

@media only screen and (max-width: 380px) {
    .container.clearfix.et_menu_container {
        width: 90%;
    }
}


/* Títulos dentro de posts */

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.et_pb_post h2,
.et_pb_post h3,
.et_pb_post h4,
.et_pb_post h5,
.et_pb_post h6 {
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 0.5px;
}


/* Título post en blog y en página individual blog */

.et_pb_post h1.entry-title,
.et_pb_post h2.entry-title {
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    padding-bottom: 1px;
}

#left-area .post-meta {
    padding-bottom: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}


/* Ocultar título fotos en galería página CLINICA, pero mostrándolo por si ayuda al SEO */

.mfp-title {
    color: transparent;
}


/* Estilos del contador de número de foto bajo imágenes ampliadas Galería CLINICA */

.mfp-counter {
    font-size: 18px;
    font-family: roboto;
    color: white;
    font-weight: 400;
    padding-top: 5px;
}


/* Separar lupa de búsqueda de burger button en móviles */

@media only screen and (max-width: 470px) {
    div#et_top_search {
        margin-left: -20px;
    }
}


/* Reducir distancia entre banderas idiomas */

li#menu-item-wpml-ls-1520-es {
    padding-right: 3px !important;
}


/* Modificaciones en sub-menu del navbar */

.nav li ul.sub-menu {
    width: 270px;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
    border-top: 2px solid #808080;
}

#top-menu li .sub-menu li a {
    width: 270px;
    padding: 9px 22px;
    line-height: 16px;
}

#top-menu li li {
    margin: 0px;
    padding: 0px;
}

.nav ul li a:hover,
.et_mobile_menu li a:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.03);
    color: black !important;
    border-left: 2px solid grey;
    padding-left: 20px !important;
    margin-left: 0px;
}

#top-menu a {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}


/* Estilos página blog individual */

@media only screen and (min-width: 981px) {
    .single-post .container,
    .search-results .container {
        width: 900px;
        padding-left: 50px;
    }
}

@media only screen and (min-width: 1050px) {
    .single-post .container,
    .search-results .container {
        width: 999px;
        padding-left: 50px;
    }
}

#main-content .container:before {
    width: 0px;
}

.et_right_sidebar #sidebar {
    padding-left: 0;
}

.et_right_sidebar #left-area {
    float: left;
    padding-right: 6%;
}


/* Botón de volver a inicio */

.boton-volver {
    text-align: center;
}

.boton-volver .btn-volver {
    background-color: #ededed;
    color: #0c0c0c !important;
    border: none;
    transition: all 0.1s linear;
}

.boton-volver .btn-volver:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 24%);
}


/* Estilos botón "Seguir en Instagram" del sidebar */

.instagram-social-btn-bottom,
.instagram-social-btn-top {
    text-align: center;
    border-radius: 3px;
    width: 180px;
    line-height: 15px;
    padding: 7px 0 !important;
    margin: 10px 0 0 2px;
    float: left;
    display: inline-block;
    background: #5259d1;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #5259d1, #d62b92);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #5259d1, #d62b92);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #5259d1, #d62b92);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #5259d1, #d62b92);
    /* Standard syntax */
}

.instagram-social-btn-bottom a {
    font-size: 14px !important;
    color: white !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

p.post-meta {
    height: 30px;
}

.et-search-form,
.nav li ul,
.et_mobile_menu,
.footer-widget li:before,
blockquote {
    border-color: #808080 !important;
}

.et_mobile_menu .menu-item-has-children>a {
    background-color: inherit;
    font-weight: inherit;
}

.et_mobile_menu li li {
    padding-left: 30px;
}


/* Personalización formulario de contacto posts */

#formulario-post .et_pb_contact_field_1,
#formulario-post .et_pb_contact_field_2 {
    width: 50%;
}

#formulario-post .et_pb_contact_field_0 {
    width: 100%;
}


/* Separar módulo "Compártelo:" del contenido de los posts */

.sharedaddy.sd-sharing-enabled {
    margin-top: 20px;
}


/* Personalización formulario de contacto posts */

#formulario-post .et_pb_contact_field_1,
#formulario-post .et_pb_contact_field_2 {
    width: 50%;
}

#formulario-post .et_pb_contact_field_0 {
    width: 100%;
}

#formulario-post h1 {
    font-family: roboto, "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif;
    text-transform: inherit;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 0.5px;
}


/* Estilo botones de navegación posts */

#navegacion-posts a {
    font-size: 16px;
    color: #2ea3f2;
    font-weight: 400;
    border-bottom: 2px solid #2ea3f2;
}


/* Estilos contenido página 404, módulo global "404-contenido", módulo global 27298 */

#contenido-404 h2.entry-title {
    font-size: 25px;
    line-height: 1.2em;
    padding-bottom: 10px;
}

#contenido-404 .post-content p,
#contenido-404 .et_pb_text p {
    font-size: 17px !important;
}

#contenido-404 a.more-link {
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid #2ea3f2;
    padding-top: 10px !important;
    display: inline-block;
}

#contenido-404 .et_pb_blog_grid .et_pb_image_container img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#contenido-404 .et_pb_blog_grid .et_pb_post {
    border-top-color: white;
}

#contenido-404 .et_pb_row_0 {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: auto;
}

#contenido-404 .et_pb_posts {
    padding-left: 0px;
}

article#post-0 {
    border-bottom: none;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}


/* Estilos enlaces en posts */

article p a,
.et_pb_text p a {
    color: #1c96e8;
}

article p a:hover,
.et_pb_text p a:hover {
    text-decoration: underline;
}

.fila-volver a:hover {
    text-decoration: none;
}


/* Ajustar espaciado laterales sidebar en pantallas pequeñas */

@media only screen and (max-width: 767px) {
    .et_pb_sidebar_0.et_pb_sidebar_no_border {
        padding-left: 5%;
        padding-right: 5%;
    }
    .posts-blog .pagination.clearfix {
        padding: 3%;
    }
}


/* Ajustar galería de fotos post "3er Congreso Bienal COEM ha sido un éxito" */

#post-27331 .et_gallery_item {
    float: left;
    width: 31.3% !important;
    margin: 0 2% 2% 0 !important;
}


/* Hacer que el hover en las fotos de las galerías sea blanco y no gris oscuro */

.justified-gallery .sgg-caption {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: rgba(255, 255, 255, 0.7) !important;
}


/* Botón flotante de contacto/teléfono que se muestra en toda la web */

.at-about-fab {
    z-index: 999999;
    position: fixed;
    right: 15px;
    bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.at-about-fab:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: -58px;
    width: 58px;
    height: 48px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.at-about-fab:hover {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    padding: 5px 0px 0px 0px;
}

.at-about-fab:hover .at-about-fab__meta {
    opacity: 1;
}

.at-about-fab__thumbnail {
    position: absolute;
    top: 50%;
    left: -68px;
    width: 58px;
    height: 58px;
    border: 3px solid #ffffff;
    border-radius: 100%;
    padding: 0px;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.3);
}

.im-boton {
    display: block;
    width: 100%;
}

.at-about-fab__meta {
    font-family: "Open Sans", sans-serif;
    opacity: 0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.at-about-fab__meta h2,
.at-about-fab__meta p {
    margin: 0;
    padding: 0;
}

.at-about-fab__meta h2 {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}

.at-about-fab__meta p {
    color: #828282;
    font-size: 13px;
    font-weight: 400;
}

.at-about-fab__meta a {
    color: inherit;
    font-weight: 400;
    text-decoration: none;
}

.im-boton.imagen-boton2 {
    display: block;
    width: 100%;
    padding: 11px 15px 0px 12px !important;
}

@media only screen and (max-width: 767px) {
    .enlace-contacto {
        display: none;
    }
    .at-about-fab__thumbnail {
        border: none;
        background-color: #00bc60;
    }
    .at-about-fab {
        right: 5px;
        bottom: 40px;
    }
    .at-about-fab__thumbnail {
        width: 54px;
        height: 55px;
    }
}

@media only screen and (min-width: 768px) {
    .enlace-llamar {
        display: none;
    }
}


/* Estilos efecto hover Navbar */

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
}

#top-menu li a:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: rgba(0, 0, 0, 0.6);
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#top-menu li ul li a:before {
    height: 0px;
}

#top-menu li a:hover {
    opacity: 1 !important;
}

#top-menu li a:hover:before {
    right: 0;
}

#top-menu li li a:before {
    bottom: 10%;
}

@media only screen and (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,
    .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
        padding-bottom: 22px;
    }
}

.et-fixed-header nav {
    padding: 10px 0 3px 0;
}


/* Corregir efecto hover elementos submenú en mobile */

ul#mobile_menu {
    padding-left: 0px;
    padding-right: 0px;
}

#mobile_menu a:hover {
    padding: 10px 18px !important;
}

.nav li li a,
.et_mobile_menu li a {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.et_mobile_menu li a {
    padding: 10px 20px;
}


/* Hacer elemento submenú "TODOS LOS TRATAMIENTOS" negrita, en español e inglés */

li#menu-item-27607 a {
    font-weight: bold;
}

.negrita a {
    font-weight: bold !important;
}


/* ------- ARABE ARABE ARABE ARABE ARABE ARABE ARABE ARABE---------- */

div#et_top_search:lang(ar) {
    display: none;
}

div#et-top-navigation:lang(ar) {
    padding-right: 0px !important;
}

#et-top-navigation:lang(ar) {
    float: left;
}

#top-menu li a:lang(ar) {
    font-size: 25px;
}

.logo_container a:lang(ar) {
    float: right;
    right: 0px !important;
    height: 100%;
    padding-top: 17px;
}

body #page-container .et_pb_button:hover:lang(ar) {
    padding-left: 2em;
    padding-right: 1em;
}

body #page-container .et_pb_button_1:hover:lang(ar):after {
    margin-right: 0.3em;
    opacity: 1;
}

img#logo:lang(ar) {
    float: right;
}

@media only screen and (min-width: 981px) {
    .et_pb_svg_logo #logo:lang(ar) {
        height: 70%;
    }
    #logo:lang(ar) {
        max-height: 70%;
    }
}

.et_pb_row .et_pb_column:lang(ar) {
    float: right;
}

a.enlace-contacto:lang(ar) {
    display: none;
}

.at-about-fab:lang(ar) {
    right: initial;
    bottom: 40px;
    left: 80px !important;
}

#top-menu li a:lang(ar):before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 100%;
    right: 0;
    bottom: 50%;
    background: rgba(0, 0, 0, 0.6);
    height: 2px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#top-menu li a:lang(ar):hover:before {
    left: 0;
}

#top-menu li .sub-menu li:lang(ar) {
    text-align: right;
}

#top-menu li .sub-menu li a:hover::before {
    display: none;
}

.nav ul li a:lang(ar):hover,
.et_mobile_menu li a:lang(ar):hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.03);
    color: black !important;
    border-left: none;
    padding-left: 0;
    margin-left: 0px;
    border-right: 2px solid grey;
    margin-right: -2px;
    padding-right: 20px !important;
}

.et_pb_text p:lang(ar) {
    font-size: 22px !important;
}

#post-27618 .et_pb_row_1 .et_pb_column.et_pb_column_1_2.et_pb_column_1:lang(ar) {
    margin-right: 0;
    margin-left: 5.5%;
}


/* Ajusta ancho submenú CLINICA en navbar */

@media only screen and (min-width: 981px) {
    .menu-clinica ul.sub-menu {
        width: 250px !important;
    }
    #top-menu .menu-clinica .sub-menu li a {
        width: 250px;
    }
}


/* Optimizar carga de página en moviles y desktop, ocultando el video en los primeros y el GIF en los segundos */

@media only screen and (min-width: 480px) {
    .post-27191 .et_pb_section_0,
    .post-27192 .et_pb_section_0 {
        background-image: none !important;
    }
}


/* Correcciones ARABE homepage */

#post-27694 .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two:lang(ar) {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

#post-27694 .et_pb_column.et_pb_column_1_2.et_pb_column_1:lang(ar) {
    margin-left: 5.5%;
    margin-right: 0px;
}


/* Correcciones ARABE contacto */

#post-27702 .et_pb_column.et_pb_column_2_3.et_pb_column_0 {
    margin-right: 0px;
    margin-left: 5.5%;
}


/* Centrar todos los separadores de headlines */

.et_pb_divider_position_center,
.et_pb_divider_position_top {
    display: block !important;
}


/* CIRO TV */

@media only screen and (max-width: 768px) {
    .ciro-tv {
        flex-wrap: wrap;
    }
}


/* ESTILOS FOOTER PARA QUE NO INTERFIERA CON CSS PÁGINAS */

.fila-footer-1 {
    text-align: center;
}

.footer-texto-1 {
    border-bottom: 2.5px solid #606060;
    display: inline-block;
    padding-bottom: 2px;
    color: #606060 !important;
}

.footer-texto-2,
.footer-texto-4,
.footer-texto-6 {
    border-bottom: 2.5px solid #606060;
    display: inline-block;
    padding-bottom: 2px;
}

.footer-texto-3,
.footer-texto-5,
.footer-texto-7,
.footer-texto-9,
.footer-texto-11,
.footer-texto-13 {
    font-weight: 100;
    -webkit-font-smoothing: subpixel-antialiased;
}

.footer-texto-8,
.footer-texto-10,
.footer-texto-12 {
    border-bottom: 2.5px solid #606060;
    display: table;
    padding-bottom: 2px;
}

.footer-texto-14,
.footer-texto-15 {
    font-size: 14px;
    color: #333333;
}


/* Estilos títulos y textos interferidos por CSS footer página TTOS inglés*/

.titulo-ttos h3 {
    font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 100;
    font-size: 36px;
    text-transform: initial;
    line-height: 1em;
    letter-spacing: 2px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: none;
    display: block;
}

.texto-ttos p {
    line-height: 1.5em !important;
    color: #333333;
    font-weight: 300;
    font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
    padding-bottom: 0px;
    text-transform: initial;
    font-size: 17px;
}

.titulo-CTA- h2 {
    font-family: Roboto;
    font-weight: 100;
    color: #5b5b5b !important;
    text-align: center;
}

.titulo-ttos .et_pb_text {
    margin: 0px !important;
}


/* Ajustar ancho navbar para que no se desajuste */

@media only screen and (max-width: 1100px) {
    #top-menu li {
        padding-right: 13px;
    }
}


/* Agrandar logo en móviles */

@media (max-width: 980px) {
    .et_header_style_left #logo,
    .et_header_style_split #logo {
        max-width: 60%;
    }
}

@media (max-width: 980px) {
    .et_pb_section .et_pb_row,
    .et_pb_section.et_section_specialty .et_pb_row {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}


/* Corregir fondos de texto desconfigurados de página SERVICIOS */

.servicios-columna .et_pb_text_inner {
    background: white;
    height: 100%;
    padding: 15px;
}


/* Acercar iconos sociales para que no se coloquen en dos filas e móviles */

.et-social-icons li {
    display: inline-block;
    margin-left: 14px;
}


/* Mostrar botón VOLVER ARRIBA sólo en móviles */

@media (min-width: 768px) {
    .et_pb_scroll_top {
        display: none !important;
    }
}


/* Ajustar ancho galerías casos en pantallas medianas para que se sigan viendo las miniaturas completas */

@media (min-width: 550px) and (max-width: 699px) {
    .fila-casos .justified-gallery {
        max-width: 500px;
        margin: auto;
    }
}


/* Rediseñar botones azules de POSTs antiguos que enlazaban a pedir cita */

a.small-button.smallblue {
    content: "texto";
    padding: 20px;
    background: url(/wp-content/uploads/2017/06/Texto-pedir-cita-para-boton-roto-.png);
    background-size: 90%;
    width: 150px;
    background-position: center;
    border-radius: 2px;
    border: #757575 2px solid;
    height: 40px;
    background-repeat: no-repeat;
    filter: brightness(70%);
    margin: auto;
    display: block;
}

a.small-button.smallblue:hover {
    background: url(/wp-content/uploads/2017/06/Texto-pedir-cita-para-boton-roto-hover.png);
    content: "texto";
    padding: 20px;
    background-size: 90%;
    width: 150px;
    background-position: center;
    border-radius: 2px;
    border: #757575 2px solid;
    height: 40px;
    background-repeat: no-repeat;
    filter: brightness(0%);
}


/* Alinear botones CTA pedir cita llamar */

.col-CTA-d .et_pb_button_module_wrapper {
    float: left !important;
}

.col-CTA-i .et_pb_button_module_wrapper {
    float: right !important;
}

@media only screen and (max-width: 479px) {
    .col-CTA .et_pb_button_module_wrapper {
        width: 100% !important;
    }
}


/* Responsive páginas tratamientos individuales */

@media only screen and (max-width: 980px) {
    .h1-responsive-ttos {
        padding: 10px 0 0 0;
    }
    .h1-responsive-ttos .et_pb_column {
        margin-bottom: 20px;
    }
    .seccion-pag-tratamiento .fila-imagen-cabecera,
    .imagen-responsive-ttos.et_pb_row.et_pb_row_2 {
        height: 57vw;
        max-height: 450px;
        width: 100% !important;
        margin: 0px 0px 20px 0px !important;
        background-repeat: no-repeat;
    }
    .col-fondo {
        margin-top: 40px;
        height: 50vw;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
    }
    .pag-ttos-fila .col-texto {
        -webkit-box-ordinal-group: 2;
        padding: 0px;
        margin-top: 30px;
    }
    .pag-ttos-fila.et_pb_gutters1.et_pb_row.et_pb_row_fullwidth,
    .pag-ttos-fila {
        display: -webkit-box;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        margin: 0 5% !important;
        width: 90% !important;
        padding-top: 10px !important;
    }
    .pag-ttos-fila {
        display: -webkit-box;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
    }
    .seccion-pag-tratamiento h4 {
        padding: 0px;
    }
    .col-fondo img {
        height: 50vw !important;
        max-height: 350px;
    }
    .seccion-pag-tratamiento {
        padding-bottom: 40px !important;
    }
}

@media (min-width: 620px) and (max-width: 980px) {
    .col-fondo {
        height: 40vw;
        width: 80% !important;
        margin-left: 10%;
    }
}

.seccion-pag-tratamiento h4 {
    padding: 0px;
    font-size: 32px;
    font-weight: 300;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

.fila-volver {
    display: block;
    margin-top: 30px !important;
    height: 50px !important;
    padding-top: 0px;
}


/* Ajustar foto sonrisa gingival Periodoncia */

@media only screen and (min-width: 981px) {
    .gingival {
        background-position: 0% 50%;
    }
}

@media only screen and (min-width: 620px) and (max-width: 980px) {
    .col-fondo .orto img {
        height: 40vw !important;
    }
}


/* Hacer letra de posts más legible en móviles */

@media (max-width: 767px) {
    article.post {
        font-size: 19px !important;
        font-weight: 300;
        -webkit-text-stroke-width: 0.3px;
        line-height: 1.3em;
    }
}


/* Ajustes navbar en móviles y tablets */

@media (max-width: 980px) {
    .container.clearfix.et_menu_container {
        width: 90%;
    }
    #mobile_menu a {
        padding: 10px 20px;
        font-weight: 300;
        font-size: 16px !important;
        letter-spacing: 1px;
    }
    .et_mobile_menu {
        padding: 3%;
        border-top: 3px solid #808080;
    }
    #et_search_icon:before {
        font-size: 20px;
        top: 4px;
    }
    .et_header_style_left .mobile_menu_bar {
        padding-bottom: 15px;
        padding-top: 0px;
        margin-top: -2px;
    }
    .mobile_menu_bar:before {
        font-size: 35px;
        margin-left: 5px;
    }
    #et_top_search {
        margin: 0px 15px 0 22px;
    }
}


/* Ajustar ancho del contenido en resultados de búsqueda en móviles */

@media (max-width: 980px) {
    .search-results span.published {
        margin-left: -30px !important;
    }
    .search-results #left-area {
        padding-right: 0%;
    }
}


/* Hacer textos del footer más legibles en móviles */

@media (max-width: 980px) {
    #custom-footer .et_pb_text_inner {
        font-size: 20px;
    }
    div#custom-footer {
        padding-top: 0px;
    }
}


/* Hacer texto y enlaces posts más grueso con su respectivo color */

.post p {
    -webkit-text-stroke: #5f5f5f 0.2px;
}

.post p a {
    -webkit-text-stroke: #1c96e8 0.2px;
}


/* Fotos doctores en páginas individuales más nítidas */

.info-doctor-seccion img {
    image-rendering: pixelated;
}


/* Aumentar espaciado entre título Dr. y botón VER PERFIL */

.boton-perfil-doctor {
    margin-top: 5px;
}


/* Disminuir tamaño cedido a la fecha bajo título post */

.post-meta {
    padding-top: 0px !important;
    padding-bottom: 30px !important;
}


/* Centrar verticalmente contenido header HOME en IE */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .et_pb_section_video .header-content {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
}


/*Estilos cuadro de búsqueda */

.et-search-form input {
    background: rgb(228, 228, 228);
    padding: 10px;
    border: 15px solid white;
    width: 250px;
}


/* Estilos POPUPS */

.popmake-overlay {
    background: rgba(0, 0, 0, 0.5);
    transition: background 1s ease-in-out;
}

.pum-container {
    box-shadow: 0px 4px 13px 0px rgba(2, 2, 2, 0.3);
}

.pum-container .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_left {
    padding-bottom: 0px !important;
}


/*.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {

    padding-right: 0px !important;

}*/

.popmake.theme-28046>.popmake-close,
.popmake.theme-cutting-edge>.popmake-close {
    height: 40px !important;
    width: 40px !important;
    color: #ffffff !important;
    background-color: rgb(95, 95, 95) !important;
    font-size: 40px !important;
}

.popmake.theme-28046,
.popmake.theme-cutting-edge {
    background-color: rgb(240, 240, 240) !important;
}


/* Estilos posts insertados en popup */

.pum .post-insertado {
    max-width: 600px;
    margin: auto;
}

.pum .post .entry-title {
    margin: 20px 0;
}

.titulo-popup h1,
.titulo-popup h2 {
    font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 100;
    -webkit-text-stroke-width: 0.5px;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 50px !important;
}

.pum .post p {
    font-weight: 300;
}

.pum .sharedaddy.sd-sharing-enabled {
    display: none;
}

.post-insertado-boton {
    margin-top: 40px;
    max-width: 240px;
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.post-insertado-boton a {
    background: white;
    color: #6d6d6d;
    border: 2px solid #6d6d6d;
    font-size: 18px;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 2px;
    font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-align: center;
    display: block;
}

.post-insertado-boton a:hover {
    color: white;
    background-color: #6d6d6d;
    border: 2px solid #6d6d6d;
}


/* Corregir color CTAs pagina TRATAMIENTOS en ingles */

.CTA-fila1 h2 {
    color: #5b5b5b !important;
    text-align: center;
}


/* Corregir errores estructurales del footer, imagino que debido a una actualización de DIVI */

.col-footer-info .et_pb_column {
    text-align: center;
}

@media (max-width: 980px) {
    .ocultar-en-moviles {
        display: none;
    }
}

@media (min-width: 981px) {
    .ocultar-en-pc {
        display: none;
    }
}


/* Hacer que los 3 campos de texto pequeños formulario de CONTACTO estén en la misma línea, posiblemente desajustado al actualizar DIVI */

p.et_pb_contact_field:not(.et_pb_contact_field_last) {
    clear: none;
}


/* Estilos columnas página HABLAN DE NOSOTROS y responsive */

@media (min-width: 480px) {
    .seccion-hablan .fila-hablan .columna-hablan.et_pb_column_1_4 {
        width: 23.125% !important;
        margin-right: 2.5% !important;
        margin-bottom: 0px;
    }
    .fila-hablan .columna-hablan.et_pb_column_1_4:last-child {
        margin-right: 0 !important;
    }
    .fila-hablan .imagen-hablan {
        margin-bottom: 2vw !important;
    }
}

@media (max-width: 479px) {
    .seccion-hablan .fila-hablan .columna-hablan.et_pb_column_1_4 {
        width: 47.5% !important;
        margin-right: 5% !important;
    }
    .seccion-hablan .fila-hablan .imagen-hablan {
        margin-bottom: 4.5vw !important;
    }
    .seccion-hablan .fila-hablan .columna-hablan.et_pb_column_1_4.col-lastchild-movil {
        margin-right: 0 !important;
    }
}


/* Reducir interletraje títulos sidebar */

#sidebar h4.widgettitle {
    letter-spacing: 1px !important;
}


/* Hacer botón barra cokies gris oscuro */

#cookie-notice .button.wp-default {
    background: #616161;
    color: white;
    text-shadow: none;
    font-weight: 400;
}


/* Ancho submenú publicaciones */

@media only screen and (min-width: 981px) {
    .menu-blog .sub-menu,
    .menu-blog .sub-menu li a {
        width: 170px !important;
    }
}


/* Estilos nuevos de texto footer y logo Whatsapp*/

.logo-wa {
    width: 30px;
    vertical-align: bottom;
    margin-right: 5px;
}

.p-footer a,
.p-footer {
    font-weight: 300 !important;
    color: #545454 !important;
}


/* Estilos textos y Whatsapp página contacto  */

.p1 a {
    color: #545454 !important;
}

.whatsapp-contacto a {
    font-weight: 300 !important;
    color: #545454 !important;
}

.info-contacto p {
    color: #545454;
    font-weight: 300 !important;
}

@media only screen and (max-width: 787px) {
    .boton-llamar-contacto {
        margin: 15px 0 !important;
    }
}

@media only screen and (min-width: 788px) {
    .boton-llamar-contacto {
        margin: 0px !important;
    }
}

@media only screen and (max-width: 420px) {
    .et_pb_fullwidth_header_scroll {
        display: none;
    }
}


/* Mantener NAVBAR FIJO en móviles, pero más fino */

@media only screen and (max-width: 980px) {
    .et-fixed-header {
        position: fixed !important;
        height: 60px;
    }
    .et-fixed-header .container.clearfix.et_menu_container {
        height: 60px;
    }
    .et_header_style_left .et-fixed-header #et-top-navigation {
        padding-top: 15px !important;
    }
    .et-fixed-header .mobile_menu_bar:before {
        margin-left: 0px;
    }
    .et-fixed-header #et_search_icon:before {
        top: 5px;
    }
    .et-fixed-header .et_header_style_left .mobile_menu_bar {
        margin-top: 0px;
    }
    /* Tamaño de texto elementos del menú en móviles */
    #mobile_menu a {
        font-size: 19px !important;
    }
    /* Tamaño del texto general en párrafos */
    .et_pb_text_inner p {
        font-size: 19px;
        line-height: 1.4em;
    }
}


/* Evitar que se vea parte del vídeo tras foto dr. en página CIRO TV */

.cirotv .et_pb_video_box {
    width: 99.6% !important;
}

.et_pb_module.et_pb_space {
    height: 30px !important;
}

.home .et_pb_fullwidth_header_0 .header-content h1 {
    background-position: center;
}


/* ESTILOS DE LOS COMENTARIOS */


/* Ocultar módulo de comentarios en posts */


/*section#comment-wrap {

    display: none;

}*/

.form-submit input[type="submit"] {
    border: solid 2px #676767;
    color: #676767 !important;
}

.form-submit {
    text-align: left !important;
}

.comment-form-url {
    display: none !important;
}

@media (max-width: 767px) {
    .seccion-segunda-ingles {
        margin-top: 50px !important;
    }
}


/*  SELECTOR DE IDIOMA EN EL MÓVIL */

.selector-idiomas-movil {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
}


/* ARREGLOS ESTÉTICOS NOVIEMBRE 2020 */

#main-header {
    z-index: 9900 !important;
}

@media (max-width: 767px) {
    .seccion-segunda-ingles {
        padding-top: 50px !important;
        background-image: none !important;
        margin-top: 50px !important;
    }
}

@media (max-width: 767px) {
    .et_pb_section_0 {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
}


/* ARREGLO DE FOOTER ROTO EN PÁGINA DE SERVICIOS ESPAÑOL */

@media (min-width: 900px) {
    .et_pb_column_34 {
        background-image: none !important;
    }
}

@media (min-width: 900px) {
    .et_pb_column_36 {
        background-image: none !important;
    }
}

@media (min-width: 900px) {
    .et_pb_column_38 {
        background-image: none !important;
    }
}

@media (min-width: 900px) {
    .et_pb_column_40 {
        background-image: none !important;
    }
}


/* ARREGLO DE LA PÁGINA DE SERVICIOS EN INGLÉS */


/*.et_pb_column_22 {

    background-image: url(/wp-content/uploads/2017/07/laboratorio-CIRO-impresion-dental-3D-clinica-dental.jpg)!important;

}*/


/*.page-id-27135 .et_pb_column_22,*/

.page-id-27135 .et_pb_column_24 {
    background-image: none !important;
}

.page-id-27136 .et_pb_column_22 {
    background-image: none !important;
}

.page-id-27136 .et_pb_column_24 {
    background-image: none !important;
}

.page-id-27136 .et_pb_column_21 {
    background-image: url(https://clinicaciro.es/wp-content/uploads/2026/04/nuestros-servicios-equipo-multilingue-internacional.webp);
}

@media screen and (max-width: 900px) {
    .page-id-27136 .et_pb_column_46 {
        background-image: url(https://clinicaciro.es/wp-content/uploads/2026/04/nuestros-servicios-equipo-multilingue-internacional.webp);
    }
}


/* Fondo de la página de contacto */

@media screen and (max-width: 1024px) {
    .page-id-27167 .et_pb_section.et_pb_section_0 {
        background-position: center center;
    }
}


/* PÁGINA DE SERVICIOS EN CASTELLANO */

@media (min-width: 900px) {
    .page-id-27135 .et_pb_column_22 {
        background-image: url(/wp-content/uploads/2017/07/Cuidados-hspitalarios-CIRO-clinica-dental.jpg) !important;
    }
    .page-id-27135 .et_pb_column_25 {
        background-image: url(https://clinicaciro.es/wp-content/uploads/2026/04/nuestros-servicios-equipo-multilingue-internacional.webp)!important;
    }
}

@media (min-width: 900px) {
    .et_pb_column_26 {
        background-image: none !important;
    }
}

@media (min-width: 900px) {
    .page-id-27176 .et_pb_column_22 {
        background-image: none !important;
    }
}


/* Estilos para ocultar badge de Google reCAPTCHA v3 */

.grecaptcha-badge {
    display: none !important;
}


/* ARREGLOS EN LOS ESTILOS DEL FORMULARIO */

.mensaje-txt textarea {
    margin: 0px !important;
    font-size: 16px !important;
    padding: 16px !important;
}

.celda input {
    font-size: 16px !important;
}


/* ESTILOS DEL POP-UP DEL VÍDEO DE LA HOME */

@media screen and (max-width: 768px) {
    .video-home-mv {
        height: 315px !important;
    }
}


/* ---------------- FEED INSTAGRAM -------------------- */

.InstagramFeed__feed .FeedHeader__username>a {
    font-size: 16px;
    font-weight: 400;
}

.InstagramFeed__feed .MediaTile__overlay {
    opacity: 0 !important;
}

.InstagramFeed__feed .MediaTile__root {
    transition: 0.3s;
}

.InstagramFeed__feed .MediaTile__root:hover {
    filter: brightness(0.9) !important;
}

.InstagramFeed__feed .FeedHeader__follow-button {
    margin-bottom: 20px !important;
}


/* PÁGINA DSD. DISEÑO DIGITAL DE SONRISAS */

.page-id-29820 .flex.center {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 820px) {
    .page-id-29820 .flex.center {
        flex-direction: column;
    }
    .page-id-29820 .flex.reverse,
    .page-id-29820 .container-xq {
        display: flex;
        flex-direction: column-reverse;
    }
    .page-id-29820 .et_pb_section {
        /* Página DSD */
        padding: 40px 0;
    }
    .page-id-29820 .et_pb_section>.et_pb_row {
        padding: 0;
    }
    .page-id-29820 .et_pb_section>.et_pb_row>.et_pb_column {
        padding: 20px 0;
    }
    .et_pb_text_inner>ul>li {
        font-size: 19px;
    }
    .page-id-29820 .flex.reverse>.et_pb_column {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .page-id-29820 .ficha-doctor {
        padding: 0;
    }
    .page-id-29820 .ficha-doctor #contenedor-doctor {
        margin-top: 0 !important;
    }
    .page-id-29820 .elegir-ciro .ocultar-mb-tb {
        display: none;
    }
    .page-id-29820 .elegir-ciro {
        padding-top: 0;
    }
}

.et_pb_text>.et_pb_text_inner>p,
.et_pb_text>.et_pb_text_inner>h2,
.et_pb_text>.et_pb_text_inner>h3 {
    margin-bottom: 20px;
    padding: 0;
}

.et_pb_text>.et_pb_text_inner>p:last-child {
    margin-bottom: 0;
}

.et_pb_text_inner>ul>li {
    margin-bottom: 10px;
}

.et_pb_text_inner>ul>li:last-child {
    margin-bottom: 0;
}

#contenedor-doctor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 40px;
    border: 1px solid #d2d2d2;
}


/* BLOQUE DE FAMOSOS EN LA PÁGINA DE BLOG - COMENTADO AL HABER CAMBIADO EL BLOQUE */


/*.docecolumnas {

    padding-left: 5px!important;

}



.docecolumnas .et_pb_column {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap;

}



.docecolumnas .et_pb_column .et_pb_module {

    margin-right: 5px!important;

    cursor: pointer;

    transition: all 0.5s ease-out;

}



.docecolumnas .et_pb_column .et_pb_module:hover {

    transform: translateY(-5px) scale(1.1);

}



.page-id-25211 .pum-theme-default-theme {

    background-color: rgb(255 255 255 / 90%);

}





@media screen and (min-width: 1750px) {

    .docecolumnas .et_pb_column {

        padding-left: 8%;

        padding-right: 8%;

    }

}



@media screen and (max-width: 767px) {

    .docecolumnas {

        overflow-x: auto!important;

    }

    .docecolumnas .et_pb_column {

        overflow-x: auto!important;

        justify-content: flex-start;

    }

    .docecolumnas .et_pb_column .et_pb_module {

        margin-left: 0px!important;

        flex: 0 0 27%!important;

    }

    .docecolumnas.et_pb_row_2.et_pb_row {

        padding-bottom: 20px!important;

    }

}*/


/* BLOQUE DE FAMOSOS EN LA PÁGINA DE BLOG V2 */

.carrusel-famosos .swiper-slide-image {
    transition: all 0.5s ease-out;
}

.carrusel-famosos .swiper-slide-image:hover {
    transform: translateY(5px);
}

@media screen and (max-width: 767px) {
    #post-25211 {
        padding-top: 70px !important;
    }
    .bloque-titulo-blog .et_pb_column {
        margin-bottom: 0px !important;
    }
}


/* ARREGLOS DE ESTILOS EN EL BLOG TRAS LAS ACTUALIZACIONES */

.wpcf7-form .btn-enviar {
    margin-top: 20px;
    padding-bottom: 0px;
}


/* ARREGLOS DE ESPACIADOS EN EL BLOG */

.posts-blog .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}

.et_pb_posts .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}

.et_pb_post .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}


/* BLOQUE DE VÍDEOS DE INSTAGRAM PARA EL BLOG */

@media screen and (min-width: 1080px) {
    .bloque-videos-blog-instagram {
        display: flex;
        flex-direction: row;
        margin-top: 30px;
    }
    .bloque-videos-blog-instagram iframe {
        margin-right: 20px !important;
    }
}


/* ARREGLOS EN LA HOME EN RESPONSIVE  */

@media only screen and (max-width: 980px) {
    .page-id-27191 .et_pb_section_1 {
        padding-bottom: 0px !important;
    }
    .page-id-27191 .et_pb_section_4 {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .bloque-logos-home .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {
        margin: 0 0 0px !important;
    }
    .bloque-logo-invisalign {
        padding-top: 60px !important;
    }
    .bloque-logo-invisalign .et_pb_image_5 {
        max-width: 60% !important;
    }
    .bloque-apariciones-home {
        margin-top: -50px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .bloque-apariciones-home .et_pb_row_7.et_pb_row {
        padding-bottom: 30px !important;
    }
    .bloque-instagram-home .FeedLayout__button {
        margin-top: 30px !important;
    }
}

@media (max-width: 479px) {
    .page-id-27191 .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {
        margin: 0 0 0px !important;
    }
}


/* Página de immplantes */

.page-id-27159 .pag-ttos-fila {
    padding: 70px 0px 70px 0px !important;
}

.page-id-27159 .et_pb_column_15 {
    background-size: 0px !important;
}


/* ESTILOS BLOQUE NÚMEROS */

.num {
    text-align: center;
    width: 40px;
    height: 50px;
    margin: 0 auto 20px;
    font-size: 32px;
    color: #fff;
    background-color: #333;
    align-content: center;
}


/* POP UP DE VÍDEO EN LA HOME */

.video-bloque-home .elementor-open-inline .elementor-custom-embed-image-overlay {
    background-repeat: no-repeat!important;
    background-size: contain!important;
}

.video-bloque-home .elementor-custom-embed-image-overlay img {
    object-fit: contain!important;
    /*object-position: top center!important;

    padding-top: 12%!important;*/
}


/*.video-bloque-home .elementor-custom-embed-play {

    top: 70%!important;

}*/


/* ESTILOS DEL BOTÓN DE WHATSAPP */

.btns-llamadas {
    display: block;
    position: fixed;
    bottom: 20px;
    z-index: 999;
    transition: all 0.5s ease-out;
}

.btns-llamadas .btn-whats {
    /*background-color: #3eab34;*/
    /*background-color: #318529;*/
    background-color: #25d366;
    position: relative;
    transition: all 0.5s ease-out!important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    /*border: 2px solid #318529;*/
    border: 2px solid #25d366;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 12px;
}

.btns-llamadas .btn-whats img {
    padding-top: 2px;
}

.btns-llamadas a.btn-whats {
    margin-bottom: 0px!important;
    color: #fff!important;
    font-size: 16px!important;
}

.btns-llamadas a.btn-whats p {
    margin-bottom: 0px!important;
    margin-right: 8px;
}

.btns-llamadas .btn-whats:hover {
    transform: translateY(-8px);
}

@media screen and (min-width:1025px) {
    .btns-llamadas {
        left: 20px;
    }
}

@media screen and (max-width:1024px) {
    a.enlace-contacto .at-about-fab {
        display: none;
    }
    .btns-llamadas {
        right: 20px;
    }
    .btns-llamadas .btn-whats:hover {
        transform: translateY(0px);
    }
    #wpfront-scroll-top-container {
        right: 20px!important;
        bottom: 70px!important;
    }
    #wpfront-scroll-top-container img {
        width: 40px!important;
        height: 40px!important;
    }
    a.enlace-llamar {
        bottom: 20px;
        height: 40px;
        width: 40px;
        background: #999898;
        box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    }
    .im-boton.imagen-boton2 {
        padding: 8px 10px 10px 10px !important;
    }
}


/* ARREGLOS DEL LIGHTBOX DE FOTOGRAFÍA DE DIVI */

.mfp-image-holder .mfp-close,
.mfp-image-holder .mfp-close:active {
    top: -10px !important;
    opacity: .6;
}


/* NUEVOS ESTILOS PÁGINAS ELEMENTOR */

#page-container {
    p {
        a {
            transition: all 0.35s ease-in-out;
            border-bottom: 1px solid transparent;
            &:hover {
                border-color: inherit;
            }
        }
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.3em;
        letter-spacing: 0;
    }
    h1 {
        font-size: clamp(36px, 4vw, 50px);
    }
    h2 {
        font-size: clamp(28px, 3vw, 40px);
    }
    h3 {
        font-size: clamp(22px, 2vw, 30px);
    }
    h4 {
        font-size: clamp(20px, 1vw, 24px);
    }
}

.lista {
    ul {
        list-style: none;
        margin: 0 0 0 20px;
        li {
            position: relative;
            margin-bottom: 10px;
            &::before {
                content: "";
                position: absolute;
                background-color: var(--c-gris-azul);
                width: 6px;
                height: 6px;
                top: 10px;
                left: -15px;
                border-radius: 20px;
            }
            br {
                display: none;
            }
        }
        &:not(:last-child) {
            margin-bottom: 20px;
        }
        @media screen and (max-width: 766px) {
            li::before {
                top: 8px;
            }
        }
    }
}

.btn {
    .elementor-button {
        .elementor-button-icon {
            opacity: 0;
            margin-left: -10px;
            transition: all 0.35s ease-in-out;
            i {
                font-size: 14px;
            }
        }
        &:hover {
            .elementor-button-icon {
                opacity: 1;
                margin-left: 10px;
            }
        }
    }
}

.preg-frec {
    h3 {
        font-size: clamp(18px, 2vw, 22px) !important;
    }
}