/*x Theme Name: Zensations Theme Theme URI: Author: DigitasMX Author URI: https://www.digitas.com/en-us/offices/mexico-city Description: Tema sitio zensations mx Version:1.0;
License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Doctor, Tiroides, Medicos, Boostrap Text Domain: zensations */


/* INICIA SECCIÓN GENERAL */

html {
    overflow: auto;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    background-color: transparent;
}

body {
    background-color: #F9F9F9;
}

a:hover {
    text-decoration: none;
}

:focus {
    outline: -webkit-focus-ring-color auto 0;
    outline: 0 !important;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.no-space {
    padding: 0;
    margin: 0;
}

.container-fluid {
    padding: 0;
    margin: 0;
}

.row {
    padding: 0;
    margin: 0;
}

.navbar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flexbox;
}

.quizz #breadcrumbs,
.aviso #breadcrumbs {
    color: #ffffff;
}

.quizz #breadcrumbs a,
.aviso #breadcrumbs a {
    text-decoration: underline;
    color: #ffffff;
}

.quizz #breadcrumbs a:hover,
.aviso #breadcrumbs a:hover {
    text-decoration: underline;
    color: #ffffff;
}

#breadcrumbs {
    font-family: 'Gotham-Medium';
    color: #3C4349;
    font-size: 0.72vw;
    line-height: 0.93vw;
    text-align: left;
    margin: 0;
    padding: 20px 0;
    opacity: 0;
}

#breadcrumbs a {
    text-decoration: underline;
    color: #3C4349;
}

#breadcrumbs a:hover {
    text-decoration: underline;
    color: #3C4349;
}

.next-buttons {
    display: flex;
    justify-content: space-between;
}

.next-buttons .descargar {
    display: none !important;
}

.menu-head {
    position: fixed;
    background-color: #ffffff;
    z-index: 99;
}

.space {
    padding: 9.37vw 0 0 0;
}

.btn:hover {
    color: #ffffff;
    text-decoration: none;
}


/* TERMINA SECCIÓN GENERAL */


/* INICIA SECCIÓN HEADER */

header {
    background-color: #8416AE;
    padding: 0 !important;
}

header .contenido {
    position: relative;
    padding: 0 7.29vw 0 0;
}

header .contenido .search {
    position: relative;
    width: 3.02vw;
    height: 3.02vw;
    border-right: 0.10vw solid #C254ED;
    border-left: 0.10vw solid #C254ED;
}

header .contenido .search:hover {
    cursor: pointer;
}

header .contenido input {
    position: absolute;
    margin: auto;
    top: 7.20vw;
    right: 0;
    bottom: 0;
    left: -32.86vw;
    transition: all 1s;
    z-index: 5;
    font-weight: bolder;
    letter-spacing: 0.10vw;
    background-color: #FFFFFF;
    border: 0.052vw solid #B9C3CD;
    height: 3.95vw;
    width: 28.64vw;
    display: none;
    font-size: 0.98vw;
    padding: 0 0 0 0.78vw;
    font-family: Gotham-Book;
}

header .contenido input::placeholder {
    color: #000000;
    opacity: 0.5;
    font-weight: bolder;
    color: #9EA9B5;
}

header .contenido::-webkit-input-placeholder {
    color: #000000;
    font-size: 0.98vw;
}

header .contenido:-ms-input-placeholder {
    color: #000000;
    font-size: 0.98vw;
}

header .contenido::placeholder {
    color: #000000;
    font-size: 0.98vw;
}

header img {
    width: 2.03vw;
}

header .contenido img {
    width: 1.35vw;
}

header .d-flex {
    width: 100%;
}


/* TERMINA SECCIÓN HEADER */


/* INICIA SECCIÓN MENÚ */

.menu1 {
    height: 6.25vw;
}

nav {
    font-family: 'Gotham-Medium';
    font-size: 0.98vw;
    color: #25262A;
}

nav img {
    width: 9.16vw;
}

nav .nav a {
    color: #25262A;
    border-bottom: 0.20vw solid transparent;
}

nav .nav a:hover {
    color: #5704E8;
    border-bottom: 0.20vw solid #5704E8;
}

nav .nav li {
    padding: 0 1.04vw 0 1.04vw;
}

nav #menu-item-25 {
    padding: 0 1.04vw 0 2.08vw;
}

nav .current-menu-item a {
    color: #5704E8;
    border-bottom: 0.20vw solid #5704E8;
}

nav .current-menu-item ul li a {
    color: #25262A;
}

nav .current-menu-item ul li a:hover {
    color: #5704E8 !important;
}

nav .nav .dropdown-toggle::after {
    display: none;
}

nav .nav .dropdown-menu {
    font-family: 'Gotham-Book';
    font-size: 0.83vw;
    width: 100%;
}

nav .nav .dropdown-menu .dropdown-item {
    border: none;
}

nav .nav .dropdown-menu .dropdown-item:hover {
    border: none;
}

nav .nav .dropdown-menu .dropdown-item.active,
nav .nav .dropdown-menu .dropdown-item:active {
    color: #25262A;
    text-decoration: none;
    background-color: transparent;
}

nav .nav .dropdown-menu .dropdown-item:focus,
nav .nav .dropdown-menu .dropdown-item:hover {
    color: #5704E8;
    text-decoration: none;
    background-color: transparent;
}

nav .nav .dropdown-menu a:hover {
    color: #25262A;
    text-decoration: none;
    background-color: transparent;
}

.navbar-nav li:hover>ul.dropdown-menu {
    display: block;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

#bs-example-navbar-collapse-1 p {
    font-family: 'Gotham-Bold';
    color: #25262A;
    margin: 0;
    display: none;
}


/* TERMINA SECCIÓN MENÚ */


/* INICIA SECCIÓN BANNER */

.banner {
    background-image: url(img/bg_hero_banner.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-color: #FAFAFA;
    margin: 0 0 2.60vw 0;
    overflow: hidden;
}

.banner .image {
    position: relative;
    width: 100%;
}

.banner .image .overlay {
    display: none;
}

.banner .image .img_general,
.banner .image .txt_general {
    width: 41.66vw;
    position: relative;
    margin: 2.08vw 0 0 0;
}

.banner .image:hover .img_general {
    visibility: hidden;
}

.banner .image:hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.banner p:nth-child(1) {
    font-family: 'Gotham-Bold';
    color: #25262A;
    font-size: 2.60vw;
    line-height: 2.76vw;
    width: 23.80vw;
    text-align: left;
    padding: 6.60vw 0 0 0;
    overflow-wrap: inherit;
}

.banner span {
    color: #5704E8;
}

.banner p:nth-child(2) {
    font-family: 'Gotham-Book';
    color: #25262A;
    font-size: 1.14vw;
    line-height: 1.66vw;
    width: 22.44vw;
    text-align: left;
}

.banner .btn {
    font-family: 'Gotham-Bold';
    background-color: #5704E8;
    border-radius: 0.31vw;
    width: 19.06vw;
    height: 3.75vw;
    color: #FFFFFF;
    font-size: 1.25vw;
    line-height: 1.56vw;
}

.banner .btn img {
    width: 1.51vw;
    margin: 0 0 0 1.04vw;
}

.banner div {
    position: absolute;
    top: -12.02vw;
    left: -8.41vw;
    z-index: 0;
    animation: myfirst 10s ease-in-out infinite;
    transform-origin: 50% 50%;
    width: 53vw;
    height: 53vw;
}

@keyframes myfirst {
    0% {
        transform: scale(1.1) translate(0.52vw, 1.56vw) rotate(10deg);
    }
    25% {
        transform: scale(1.1) translate(5vw, 3.64vw) rotate(60deg);
    }
    50% {
        transform: scale(1.1) translate(4vw, 2.60vw) rotate(160deg);
    }
    75% {
        transform: scale(1.1) translate(5vw, 3.64vw) rotate(-20deg);
    }
    100% {
        transform: scale(1.1) translate(0.52vw, 1.56vw) rotate(10deg);
    }
}


/* TERMINA SECCIÓN BANNER */


/* INICIA SECCIÓN INFOGRAFIA */

.infografia {
    margin: 2.60vw 0 2.60vw 0;
}

.infografia .row:nth-child(1) img {
    width: 39.11vw;
    padding: 0;
}

.infografia img.mobile {
    display: none;
}

.infografia img.desktop {
    display: block;
}

.infografia .row:nth-child(2) {
    padding: 1.56vw 0 0 0;
}

.infografia .row:nth-child(2) img {
    width: 19.79vw;
    margin: auto;
}

.infografia .row:nth-child(2) p {
    font-family: 'Gotham-Book';
    color: #25262A;
    font-size: 0.83vw;
    line-height: 1.04vw;
    text-align: left;
    margin: 0;
    padding: 1.56vw 0 0 0;
}

.infografia .row:nth-child(2) p img {
    width: 1.04vw;
    margin: 0 1.04vw 0 0;
}


/* TERMINA SECCIÓN INFOGRAFIA */


/* INICIA SECCIÓN ENCUENTRA */

.encuentra {
    margin: 2.60vw 0 2.60vw 0;
}

.encuentra p:nth-child(1) {
    font-family: 'Gotham-Bold';
    color: #25262A;
    font-size: 2.55vw;
    line-height: 2.65vw;
    width: 100%;
    text-align: left;
    padding: 2vw 0 1vw 0;
    margin: 0;
}

.encuentra span {
    color: #FF4E4D;
}

.encuentra p:nth-child(2) {
    font-family: 'Gotham-Book';
    color: #3C4349;
    font-size: 1.14vw;
    line-height: 1.66vw;
    width: 29.79vw;
    text-align: left;
    padding: 0 0 3vw 0;
    margin: 0;
}

.encuentra .btn {
    font-family: 'Gotham-Bold';
    background-color: #5704E8;
    border-radius: 0.31vw;
    width: 17.23vw;
    height: 3.75vw;
    color: #FFFFFF;
    font-size: 1.25vw;
    line-height: 1.56vw;
}

.encuentra .btn img {
    width: 1.51vw;
    margin: 0 0 0 1.04vw;
}

.encuentra .img_medico {
    width: 35.10vw;
    padding: 1.04vw 0 0 0;
}


/* TERMINA SECCIÓN ENCUENTRA */


/* INICIA SECCIÓN DESCUBRE */

.descubre {
    margin: 2.60vw 0 2.60vw 0;
}

.descubre .offset-lg-2,
.descubre .padding-inter {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.descubre p:nth-child(1) {
    font-family: 'Gotham-Bold';
    color: #ffffff;
    font-size: 2.08vw;
    line-height: 2.60vw;
    width: 39.63vw;
    text-align: left;
    margin: 0;
}

.descubre span {
    color: #05F1F7;
}

.descubre p:nth-child(2) {
    font-family: 'Gotham-Book';
    color: #FFFFFF;
    font-size: 1.14vw;
    line-height: 1.66vw;
    width: 30.20vw;
    text-align: left;
    padding: 0 0 2vw 0;
    margin: 0;
}

.descubre .btn {
    font-family: 'Gotham-Bold';
    background-color: #5704E8;
    border-radius: 0.31vw;
    width: 17.23vw;
    height: 3.75vw;
    color: #FFFFFF;
    font-size: 1.25vw;
    line-height: 1.56vw;
}

.descubre .btn img {
    width: 1.51vw;
    margin: 0 0 0 1.04vw;
}

.descubre .img_medico {
    width: 35.31vw;
    padding: 0;
    margin: auto;
}

.descubre .padding-inter {
    padding: 0 2vw;
}

.content-banner {
    margin: 0 auto;
}


/* TERMINA SECCIÓN DESCUBRE */


/* SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/

.content-pages-wp .pleca-fondo {
    background: url(img/bg_interna.png);
    min-height: 10.42vw;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.pleca-fondo p,
.pleca-fondo div {
    color: #25262A;
    font-family: "Gotham-Book";
    font-size: 1.14vw;
    line-height: 1.66vw;
    text-align: left;
}

.box-caja {
    background-color: #FFFFFF;
    border-radius: 0.52vw;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    min-height: 12.5vw;
    padding: 3% 2%;
}

.box-caja img {
    padding-top: 0.5vw;
}

h4.texto-hipo-cuadrado {
    color: #8416AE;
    font-family: 'Gotham-Medium';
    font-size: 1.97vw;
    line-height: 2.39vw;
    text-align: left;
}

.texto-hipo-cuadrado p {
    color: #3C4349;
    font-family: "Gotham-Book";
    line-height: 1.45vw;
    text-align: left;
}

.page-hipotiroidismo-row {
    background-color: #F9F9F9;
    padding-bottom: 5vw;
}

.card-titulo-categoria {
    color: #25262A;
    font-family: "Gotham-Medium";
    font-size: 1.45vw;
    line-height: 1.52vw;
    padding: 2vw 0 1vw 0;
    min-height: 6.56vw;
    width: 15.27vw;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.38vw auto;
}

.boton-cat {
    font-family: 'Gotham-Bold';
    background-color: #5704E8;
    border-radius: 0.31vw;
    color: #FFFFFF;
    width: 72%;
    height: 4vw;
    margin: 0 auto;
    font-size: 1.25vw;
    line-height: 1.51vw;
}

.boton-cat img {
    width: 0.62vw;
}

.intro-categories {
    color: #25262A;
    font-family: 'Gotham-Medium';
    font-size: 1.45vw;
    line-height: 2.03vw;
    text-align: left;
}

.into-categorias {
    padding: 2vw 0 2vw 0;
}

#el-impacto-main-page .categorias-iconos .card {
    min-height: 22vw;
    border: none;
    background-color: #FFFFFF;
    border-radius: 0.52vw;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    margin: auto;
}

.categorias-iconos .btn span {
    background-color: #FFFFFF;
    border-radius: 100%;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0 0.26vw;
    justify-content: center;
    align-items: center;
    display: flex;
}

.categorias-iconos .btn:hover {
    color: #ffffff;
}

.filter-drops {
    display: none;
}

.panel-group .mobile {
    display: none;
}


/* TERMINA SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/


/* INICIA SECCIÓN GRUPOS */

.grupos {
    width: 78.12vw;
    margin: 2.60vw auto;
}

.grupos .chica {
    position: absolute;
    width: 16.66vw;
    right: 0;
    left: 0;
    bottom: 11.45vw;
}

.grupos .cuadro {
    background-color: #FFFFFF;
    border-radius: 0.78vw;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    width: 26.35vw;
    height: 20.83vw;
    margin: auto;
}

.grupos .cuadro .text1 {
    font-family: 'Gotham-Bold';
    color: #25262A;
    font-size: 1.77vw;
    line-height: 1.97vw;
    width: 18.28vw;
    text-align: center;
    margin: auto;
    padding: 8.85vw 0 1.04vw 0;
}

.grupos .cuadro .text2 {
    font-family: 'Gotham-Book';
    color: #3C4349;
    font-size: 0.93vw;
    line-height: 1.61vw;
    width: 20.88vw;
    text-align: center;
    margin: auto;
    padding: 0 0 1.04vw 0;
}

.grupos .cuadro .btn {
    font-family: 'Gotham-Bold';
    background-color: #8416AE;
    border-radius: 0.26vw;
    width: 14.01vw;
    height: 3.54vw;
    color: #FFFFFF;
    font-size: 1.25vw;
    line-height: 1.56vw;
    margin: auto;
}

.grupos .video .text1 {
    color: #FF4E4D;
    font-family: 'Gotham-Medium';
    font-size: 0.93vw;
    line-height: 2.44vw;
    text-align: left;
    margin: 0;
}

.grupos .video .text2 {
    color: #25262A;
    font-family: 'Gotham-Bold';
    font-size: 1.87vw;
    line-height: 2.44vw;
    text-align: left;
    margin: 0;
    display: flex;
    align-items: center;
}

.grupos .video .text3 {
    color: #3C4349;
    font-family: 'Gotham-Bold';
    font-size: 0.93vw;
    line-height: 1.61vw;
    text-align: left;
    margin: 0;
}

.grupos .video .d-flex .text-flex-one {
    font-family: 'Gotham-Bold';
    font-size: 1.6666666666666667vw;
    padding: 0.15625vw;
    margin: 0vw;
    max-width: 76%;
}

.grupos .video a {
    position: absolute;
    right: 1.04vw;
    font-family: 'Gotham-Medium';
    color: #5704E8;
    font-size: 0.72vw;
    line-height: 0.93vw;
    text-align: left;
    text-decoration: underline;
}

.grupos .video img {
    width: 0.93vw;
    margin: 0 0 0 0.26vw;
}

.grupos .video video {
    border-radius: 0.78vw;
}

.grupos .video .conoce {
    width: 38.02vw;
    margin: 0;
}


/* TERMINA SECCIÓN GRUPOS */


/* INICIA SECCIÓN FOOTER */

footer {
    background-color: #5700E6;
}

footer .back_to_top {
    font-family: "Gotham-Bold", sans-serif;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    background: #4C03C9;
    color: #fff;
    font-size: 14px;
    border-radius: 0 0 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    padding: 12px 14px;
    cursor: pointer;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
}

footer .back_to_top:hover {
    background: #6813FB;
}

footer #menu-menu-footer {
    font-family: 'HindSiliguri-SemiBold';
    list-style: none;
    display: flex;
    color: #FFFFFF;
    font-size: 0.83vw;
    line-height: 0.98vw;
    margin-bottom: 0;
    position: relative;
    padding: 0 !important;
}

footer #menu-menu-footer li {
    list-style: none;
    flex: auto;
    margin-bottom: 15px;
}

footer #menu-menu-footer li:last-child {
    margin-bottom: 0;
}

footer #menu-menu-footer .sub-menu {
    font-family: 'HindSiliguri-Medium';
    padding: 0;
    color: #FFFFFF;
    font-size: 0.72vw;
    line-height: 0.88vw;
    text-align: left;
}

footer #menu-menu-footer a {
    color: #ffffff;
    border-bottom: none !important;
    text-decoration: underline;
    line-height: 1.56vw;
    font-family: "Gotham-Bold", sans-serif !important;
    font-size: 14px !important;
}

footer #menu-menu-footer a:hover {
    color: #ffffff;
}

footer .icn_fb {
    position: absolute;
    top: 1.30vw;
    right: 8vw;
    height: 2.03vw;
}


/* TERMINA SECCIÓN FOOTER */


/* INICIA SECCIÓN QUIZZ */

.quizz {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    z-index: 1;
    background-image: url(img/bg_test.png);
    color: #ffffff;
    font-family: 'Gotham-Bold';
    min-height: calc(100vh - 9.38vw);
    height: auto;
    position: relative;
}

.quizz .text1 {
    font-size: 1.87vw;
    line-height: 1.87vw;
    text-align: left;
    margin: 0;
    padding: 0 0 0.78vw 0;
}

.quizz .text2 {
    font-family: 'Gotham-Medium';
    font-size: 1.14vw;
    line-height: 1.14vw;
    text-align: left;
    margin: 0;
}

.quizz .text2 span {
    border-bottom: 0.20vw solid #FC3799;
}

.quizz .text3 {
    font-family: 'Gotham-Medium';
    font-size: 1.04vw;
    line-height: 1.25vw;
    width: 14.79vw;
    text-align: left;
    margin: 0;
}

.quizz .text4 {
    font-size: 2.5vw;
    line-height: 3.02vw;
    width: 62vw;
    text-align: left;
    height: auto;
    padding: 0;
    margin: 0 0 1vw 0;
}

.quizz .text4.margen {
    margin: 0 0 6vw 0;
}

.quizz .text-new-e {
    width: 48vw;
    height: auto;
    font-size: 1.87vw;
    line-height: 2.39vw;
    text-align: left;
    padding: 0;
    margin: 0 0 1vw 0;
}

.quizz .text-new-e span {
    font-family: 'Gotham-Medium';
    font-size: 24px;
    line-height: 34px;
    display: block;
    margin: 2vw 0;
}

.eleonor-solo-desktop {
    position: relative;
    display: block;
}

.quizz .text4 span {
    font-family: 'Gotham-Book';
    font-size: 1.25vw;
    width: 62.91vw;
    text-align: left;
    margin: 1vw 0;
    display: block;
}

.quizz .item-edad {
    margin: 0 0 6vw 0;
    width: 6.25vw !important;
    height: 4vw;
}

.quizz .divs div .row {
    padding: 4vw 0;
}

.quizz .myProgress {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 2.60vw;
    margin: 1.04vw 0 1.04vw 0;
}

.quizz .myBar {
    width: 10%;
    height: 0.52vw;
    background-color: #FC3799;
    text-align: center;
    line-height: 1.56vw;
    color: white;
    border-radius: 2.60vw;
}

.quizz .mariposa {
    position: absolute;
    right: -1.56vw;
    top: -0.93vw;
    width: 3.33vw;
}

.quizz .switch-container {
    width: 12vw;
    height: 6vw;
    position: relative;
    background-color: #FFFFFF;
    border: 0.06vw solid #E8E8E8;
    border-radius: 2.83vw;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    margin: 0 0 5.20vw 0;
}

.quizz .switch-container .switch-button {
    width: 10vw;
    height: 5vw;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
    will-change: transform;
    cursor: pointer;
    transition: 0.3s ease all;
}

.quizz .switch-container .switch-button-case {
    font-family: 'Gotham-Bold';
    position: relative;
    background: none;
    width: 48%;
    height: 100%;
    border: none;
    transition: 0.3s ease all;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 1.04vw;
    line-height: 0.98vw;
    text-align: center;
    color: #8416AE;
}

.quizz .switch-container .switch-button .active-case {
    color: #FFFFFF;
    background-color: #FC3799;
    transition: 0.3s ease-out all;
    border-radius: 100%;
}

.quizz #next {
    font-family: 'Gotham-Medium';
    font-size: 1.04vw;
    text-align: center;
    position: absolute;
    left: 24vw;
    bottom: 7vw;
    cursor: pointer;
}

.quizz #next .sig_test {
    height: 1.82vw;
}

.quizz #prev {
    font-family: 'Gotham-Medium';
    font-size: 1.04vw;
    text-align: center;
    position: absolute;
    left: 16vw;
    bottom: 7vw;
    cursor: pointer;
}

.quizz #prev .sig_test {
    height: 1.82vw;
    margin: 0 0.32vw 0 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.quizz #repetir {
    font-family: 'Gotham-Medium';
    font-size: 1.35vw;
    text-align: center;
    position: absolute;
    right: 7.81vw;
    top: 36.35vw;
    cursor: pointer;
}

.quizz #repetir .iconnavigationarrow {
    background-color: #FFFFFF;
    border-radius: 100%;
    width: 1.82vw;
    height: 1.82vw;
}

.quizz .btn {
    font-family: 'Gotham-Bold';
    background-color: #FFFFFF;
    color: #5700E6;
    font-size: 0.93vw;
    line-height: 0.93vw;
    text-align: center;
    margin: 0;
    border-radius: 0.31vw;
    min-width: 9.79vw;
    width: auto;
    height: 3.125vw;
}

.quizz .btn img {
    width: 1.25vw;
    margin: 0 0 0 1.04vw;
}

.quizz #medicoEleonor {
    position: absolute;
    width: 26.04vw;
    right: 8vw;
    bottom: 0;
    z-index: 1;
}


/* TERMINA SECCIÓN QUIZZ */


/* INICIA SECCIÓN VIDEOS */

.videos {
    height: auto;
    padding: 2.60vw 0 2.60vw 0;
}

.videos .tab {
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    width: 13.75vw;
    height: 35.31vw;
    margin: 0 auto;
    overflow: auto;
}

.videos .tab button {
    background-color: #FFFFFF;
    display: block;
    width: 100%;
    border: none;
    text-align: center;
    padding: 1.04vw 1.04vw 0 1.04vw;
}

.videos .tab button img {
    width: 11.66vw;
}

.videos .tab .embed-responsive {
    display: none;
}

.videos .tab button p {
    font-family: 'HindSiliguri-SemiBold';
    color: #3C4349;
    font-size: 0.83vw;
    text-align: left;
    margin: 0;
}

.videos .tabcontent p {
    font-family: 'Gotham-Bold';
    color: #3C4349;
    font-size: 1.45vw;
    line-height: 1.77vw;
    text-align: left;
}


/* TERMINA SECCIÓN VIDEOS */


/* INICIA SECCIÓN BUSQUEDA */

.busqueda header {
    font-family: 'Gotham-Bold';
    background-color: #EBEBFF;
    height: 5.93vw;
}

.busqueda header p {
    color: #000000;
    font-size: 1.77vw;
    line-height: 2.76vw;
    text-align: left;
    margin-bottom: 0;
}

.busqueda header span {
    color: #8416AE;
}

.busqueda .row {
    padding: 1.04vw 0 1.04vw 0;
}

.busqueda .search-post-title {
    font-family: 'Gotham-Medium';
    color: #25262A;
    font-size: 1.77vw;
    line-height: 2.08vw;
    text-align: left;
    margin: 0;
}

.busqueda .search-post-excerpt p {
    font-family: 'Gotham-Book';
    color: #25262A;
    font-size: 1.04vw;
    line-height: 1.97vw;
    text-align: justify;
    margin: 0;
}

.busqueda .btn {
    font-family: 'Gotham-Bold';
    background-color: #5704E8;
    border-radius: 0.31vw;
    width: 12.96vw;
    height: 3.75vw;
    color: #FFFFFF;
    font-size: 1.25vw;
    line-height: 1.25vw;
    text-align: center;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.busqueda .btn img {
    width: 1.51vw;
    margin: 0 0 0 1.04vw;
}

.busqueda .pagination {
    text-align: center;
    align-items: center;
    justify-content: center;
}

.busqueda .pagination h2 {
    font-size: 1.04vw;
    line-height: 1.04vw;
    margin: 0 0.26vw;
}

.busqueda .pagination .nav-links span {
    font-size: 1.04vw;
    line-height: 1.04vw;
    margin: 0 0.26vw;
}

.busqueda .pagination .nav-links a {
    font-size: 1.04vw;
    line-height: 1.04vw;
    margin: 0 0.26vw;
}

.busqueda .pagination .nav-links a {
    font-size: 1.04vw;
    line-height: 1.04vw;
    margin: 0 0.26vw;
}


/* TERMINA SECCIÓN BUSQUEDA */


/* Seccion Mi Tiroides */


/* loader */

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 17% auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(160, 17, 162, 0.61);
    border-right: 1.1em solid rgba(160, 17, 162, 0.31);
    border-bottom: 1.1em solid rgba(160, 17, 162, 0.74);
    border-left: 1.1em solid #e330ff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loader-active {
    display: none;
}

.alert {
    margin-top: 15%;
}

.pleca-fondo h1 {
    font-family: "Gotham-Bold";
    font-size: 2.60vw;
    line-height: 2.76vw;
    text-align: left;
}

.texto-buscador {
    color: #25262A;
    font-family: "Gotham-Medium";
    font-size: 1.25vw;
    line-height: 1.51vw;
    text-align: left;
    margin-left: 2%;
}

#tem_key {
    background-color: #FFFFFF;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    width: 14.44vw;
    height: 2.55vw;
    border: none;
    padding: 0 5%;
}

.boton-buscador-paginas {
    background-color: #5704E8;
    width: 7.44vw;
    height: 2.55vw;
    margin: 0;
    color: #FFFFFF;
    font-family: "HindSiliguri-SemiBold";
    font-size: 0.93vw;
    line-height: 1.14vw;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0.31vw;
}

.content-inputs {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0% 0 10% 0;
}

ul.filtro-busqueda {
    background-color: #FFFFFF;
    border-radius: 0.52vw;
    box-shadow: 0.15vw 0.46875vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    border: none !important;
    margin: 0 0 8% 0;
}

.filtro-busqueda li:first-child p {
    color: #25262A;
    font-family: "Gotham-Bold";
    font-size: 1.04vw;
    line-height: 1.25vw;
    text-align: left;
    margin: 0;
}

.list-group-item {
    border: none;
    color: #25262A;
    font-family: "Gotham-Medium";
    font-size: 0.78vw;
    line-height: 1.30vw;
    text-align: left;
}

.filtros {
    padding-left: 11.45vw;
    padding-right: 0;
}

.bread-content {
    margin: 1% 0 1% 0;
    padding-left: 11.45vw;
    padding-right: 0;
}

.filtros a {
    color: #5704E8;
}

.filtros .botonsubmit {
    font-family: 'Gotham-Bold';
    background-color: #5704E8;
    border-radius: 0.31vw;
    width: 19.06vw;
    height: 3.75vw;
    color: #FFFFFF;
    font-size: 1.25vw;
    line-height: 1.56vw;
    margin: 0 0 10.41vw 0;
}

.filtros .botonsubmit img {
    width: 1.51vw;
    margin: 0 0 0 1.04vw;
}

.list-group-item:hover,
.list-group-item.active {
    background-color: #F5F5FF;
    color: #ff4e4d;
}

.list-group-item:hover span.icon-check,
.list-group-item.active span.icon-check {
    background-image: url(img/check.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 1.04vw;
    width: 0.78vw;
}

.caja-etiquetas {
    margin: 8% 0 13% 0;
    background-color: #FFFFFF;
    border-radius: 0.52vw;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    min-height: 11.97vw;
    padding-top: 5%;
}

.etiqueta:first-child {
    margin-left: 6%;
}

.etiqueta {
    border: 0.05vw solid #5704E8;
    border-radius: 0.31vw;
    max-width: 5.46vw;
    min-height: 1.45vw;
    margin: 0.52vw;
    text-align: center;
    font-family: "Gotham-Medium";
    font-size: 0.62vw;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 0;
    cursor: pointer;
}

.etiqueta.active,
.etiqueta:hover {
    background-color: #5704E8;
    color: #FFFFFF;
}


/* Estilos cajas de contenido */

.content-pages-wp .card {
    max-width: 40vw;
    margin: 2.60vw 0 0 5.20vw;
    padding: 0;
    max-height: 54vw;
    height: auto;
    border-radius: 0.78vw;
    border: none;
    box-shadow: 0.83vw 1.35vw 2.81vw 0 rgba(52, 86, 95, 0.07);
}

.content-pages-wp .card .articulos-search-page {
    width: 40.67vw;
    height: 27.13vw;
    border-top-left-radius: 0.78vw;
    border-top-right-radius: 0.78vw;
}

.content-pages-wp .card .slider-home-title-post {
    color: #25262A;
    font-size: 1.45vw;
    line-height: 1.92vw;
    text-align: left;
    font-family: "Gotham-Bold";
}

.content-pages-wp .card .text-post-read {
    color: #25262A;
    font-family: 'Gotham-Book';
    font-size: 0.93vw;
    line-height: 1.61vw;
    text-align: left;
}

.content-pages-wp .type-art {
    font-family: "Gotham-Medium";
    background-color: #FF4E4D;
    border-radius: 0.78vw;
    min-width: 5.20vw;
    width: auto;
    height: 1.30vw;
    text-align: center;
    position: absolute;
    right: 3%;
    top: 3%;
    color: #FFFFFF;
    font-size: 0.72vw;
    line-height: 0.72vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-pages-wp .type-art-two {
    width: 2.29vw;
    height: 2.29vw;
    text-align: center;
    position: absolute;
    right: 3%;
    bottom: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}

.content-pages-wp .card .category-term {
    color: #5B5D66;
    font-family: 'Gotham-Book';
    font-size: 0.72vw;
    line-height: 1.25vw;
    text-align: left;
}


/* Estilos de la paginacion */

#pagination-articles ul.pagination {
    margin: 0.88vw 0 0.88vw 9%;
}

#pagination-articles ul.pagination li {
    margin: 0 1% 0 0;
}

#pagination-articles .page-item.active .page-link {
    background-color: #5704E8;
    color: #FFFFFF;
}

#pagination-articles .page-link {
    border: 0.07vw solid #5704E8;
    border-radius: 0.15vw;
    color: #5704E8;
    font-family: "HindSiliguri-SemiBold";
}

#pagination-articles .page-item:nth-child(1),
#pagination-articles .page-item:nth-last-child(1) {
    display: none;
}


/* Termina Seccion Mi Tiroides */


/* Estilos que es el hipotiroidismo pagina */

#listado-articulos h2 {
    color: #25262A;
    font-family: "Gotham-Bold";
    font-size: 1.87vw;
    line-height: 2.44vw;
    margin: 1.56vw 0 0 5.20vw;
}

.button-section {
    border-radius: 0.52vw;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    width: 100%;
    height: 3.38vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 1.04vw 0 1.04vw 0;
    background-color: #FFFFFF;
    padding: 0 1.04vw;
}

.icon-text-category {
    width: 2.39vw;
    height: 2.55vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.category-que-es-el-hipotiroidismo {
    background-image: url('img/que-es-el-hipotiroidismo.svg');
}

.category-grupos-de-riesgo {
    background-image: url('img/grupos-de-riesgo.svg');
}

.category-sintomas {
    background-image: url('img/sintomas-b.svg');
}

.button-section:hover .category-que-es-el-hipotiroidismo,
.button-section.active .category-que-es-el-hipotiroidismo {
    background-image: url('img/que-es-el-hipotiroidismo-b.svg');
}

.button-section:hover .category-grupos-de-riesgo,
.button-section.active .category-grupos-de-riesgo {
    background-image: url('img/grupos-de-riesgo-b.svg');
}

.button-section:hover .category-sintomas,
.button-section.active .category-sintomas {
    background-image: url('img/sintomas.svg');
}

.button-section.active,
.button-section:hover {
    background-color: #5704E8;
    color: #FFFFFF;
}

.button-section .titulo-categoria-pagina {
    font-family: "Gotham-Bold";
    font-size: 0.93vw;
    text-align: left;
    margin: 0;
    padding: 0;
}

.button-section span.line-more {
    font-family: "Gotham-Bold";
    font-size: 1.30vw;
    text-align: left;
    color: #5704E8;
    background-image: url('img/flecha_morada.svg');
    width: 12px;
    height: 21px;
}

.button-section.active span.line-more,
.button-section:hover span.line-more {
    color: #FFFFFF;
    background-image: url('img/flecha.svg');
}

.tablink img {
    height: 0.52vw;
    padding: 0 0.26vw;
}


/* Termina Estilos que es el hipotiroidismo pagina */


/* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */

.articulos {
    font-family: 'Gotham-Bold';
}

.articulos h1 {
    color: #000000;
    font-size: 1.82vw;
    line-height: 2.34vw;
    text-align: left;
    padding: 0 0 1.30vw 0;
    margin: 0;
}

.articulos h1 img {
    width: 0.88vw;
    position: absolute;
    left: -6.25vw;
    top: 0.41vw;
    padding: 0;
}

.articulos .editor-content-custom h2 {
    font-family: 'Gotham-Bold';
    color: #8416AE;
    font-size: 1.30vw;
    line-height: 1.82vw;
    text-align: left;
    padding: 0 0 1.30vw 0;
    margin: 0;
}

.articulos .has-inline-color {
    font-family: 'Gotham-Bold';
    color: #8416AE;
    text-align: left;
    padding: 0 0 1.30vw 0;
    margin: 0;
}

.articulos .editor-content-custom p,
.articulos .editor-content-custom-descarga p,
.articulos .editor-content-custom td {
    font-family: 'Gotham-Book';
    color: #25262A;
    font-size: 1.04vw;
    line-height: 1.56vw;
    text-align: left;
    padding: 0 0 1.30vw 0.26vw;
    margin: 0;
    word-wrap: break-word;
}

.articulos .editor-content-custom li,
.articulos .editor-content-custom-descarga li {
    font-family: 'Gotham-Medium';
    color: #25262A;
    font-size: 1.04vw;
    line-height: 1.56vw;
    text-align: left;
    padding: 0 0 1.04vw 0;
    margin: 0;
    word-wrap: break-word;
}

.articulos .wp-block-separator {
    border: 0.05vw solid #DEDEDE;
    margin: 0 0 1.30vw 0;
}

.articulos .embed-responsive {
    margin: 0 0 1.30vw 0;
}

.articulos .post-referencias h3 {
    color: #25262A;
    font-size: 1.30vw;
    line-height: 1.82vw;
    text-align: left;
    padding: 0 0 1.30vw 0;
    margin: 0;
}

.articulos .post-referencias h3 img {
    width: 1.77vw;
    padding: 0;
}

.articulos .post-referencias p,
.articulos .post-referencias li {
    font-family: 'Gotham-Book';
    color: #000000;
    font-size: 0.72vw;
    line-height: 1.25vw;
    text-align: left;
    padding: 0 0 0.52vw 0;
    margin: 0;
    word-wrap: break-word;
}

.articulos .post-referencias a {
    color: #5700E6;
}

.articulos .download img {
    width: 22.60vw;
    margin: 0 auto 1.30vw auto;
}

.articulos .download p {
    font-size: 0.93vw;
}

.articulos .btn {
    font-family: 'Gotham-Medium';
    border-radius: 0.26vw;
    width: 10.41vw;
    height: 3.02vw;
    color: #FFFFFF;
    font-size: 0.93vw;
    line-height: 1.45vw;
    text-align: center;
    margin: 0 0.78vw 0.78vw 0;
}

.articulos .visualizar {
    background-color: #25262A;
}

.articulos .descargar {
    background-color: #FF4E4D;
}

.articulos .btn img {
    width: 1.51vw;
    margin: 0 0 0 1.04vw;
    padding: 0;
}

.articulos img {
    width: 48.43vw;
    padding: 0 0 1.30vw 0;
}

.articulos .text-rel {
    color: #25262A;
    font-family: "Gotham-Bold";
    font-size: 1.56vw;
    line-height: 2.44vw;
    padding: 1.04vw 0 1.04vw 0;
    margin: 0;
}

.articulos .carrusel-related-art #dos-columnas-related .titulo-bloque-hipotiroidismo-dos img {
    width: 0.93vw;
    margin: 0 0 0 0.26vw;
}

.articulos .carrusel-related-art #dos-columnas-related .content-slider-home {
    padding: 1.56vw 0 0 0;
}

.articulos .carrusel-related-art #dos-columnas-related .owl-item {
    padding: 1.56vw 0 0 0;
}

.articulos .carrusel-related-art #dos-columnas-related .owl-item img {
    border-top-left-radius: 0.78vw;
    border-top-right-radius: 0.78vw;
}

.articulos .carrusel-related-art #dos-columnas-related .center {
    padding: 0.78vw 0 0 0;
}

.articulos .carrusel-related-art #dos-columnas-related .slider-home-title-post {
    color: #25262A;
    font-size: 1.30vw;
    line-height: 1.92vw;
    text-align: left;
    min-height: 6vw;
    height: auto;
    display: flex;
    align-items: center;
}

.articulos .carrusel-related-art #dos-columnas-related .text-post-read {
    color: #25262A;
    font-family: 'Gotham-Book';
    font-size: 0.93vw;
    line-height: 1.40vw;
    text-align: left;
    min-height: 14vw;
    height: auto;
}

.articulos .carrusel-related-art #dos-columnas-related .read-more-link {
    color: #5C30EB;
    font-size: 0.93vw;
    text-align: left;
    display: block;
}

.articulos .carrusel-related-art #dos-columnas-related .read-more-link .icon {
    background: url('./img/mas.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.51vw;
    height: 1.51vw;
    display: inline-block;
    vertical-align: middle;
}

.articulos .carrusel-related-art #dos-columnas-related .card {
    box-shadow: 0vw 0vw 1vw 0 rgba(52, 86, 95, 0.07);
    border: none;
    border-radius: 0.78vw;
    min-height: 32vw;
    height: auto;
    margin: auto;
}

.articulos .carrusel-related-art #dos-columnas-related.owl-carousel.owl-drag .owl-item {
    padding: 0.78vw;
}

.articulos .carrusel-related-art #dos-columnas-related .owl-item.center {
    transform: scale(1);
}

.articulos .carrusel-related-art #dos-columnas-related .flecha-izq {
    position: absolute;
    display: flex;
    justify-content: space-between;
    background-image: url(img/izquierda.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 4.37vw;
    height: 4.27vw;
    left: -5.16vw;
    top: calc(50% - 3.125vw);
}

.articulos .carrusel-related-art #dos-columnas-related .flecha-drc {
    position: absolute;
    display: flex;
    justify-content: space-between;
    background-image: url(img/derecha.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 4.37vw;
    height: 4.27vw;
    right: -5.16vw;
    top: calc(50% - 3.125vw);
}


/* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */


/* INICIA SECCIÓN BUSCO */

.busco {
    font-family: 'Gotham-Medium';
}

.busco .d-flex:nth-child(1) a {
    color: #25262A;
    font-size: 1.25vw;
    line-height: 1.56vw;
    text-align: left;
    margin: 0 2vw 0 0;
    border-bottom: 0.31vw solid transparent;
}

.busco .d-flex:nth-child(1) a {
    color: #25262A;
}

.busco .d-flex:nth-child(1) a.active {
    color: #5704E8;
    border-bottom: 0.31vw solid #5704E8;
}

.busco .d-flex:nth-child(2) p {
    color: #25262A;
    font-size: 1.04vw;
    line-height: 1.56vw;
    text-align: left;
    margin: 0;
}

.busco .d-flex:nth-child(2) p span {
    font-family: "Gotham-Bold";
    color: #7b00a9;
}

.busco .d-flex:nth-child(3) label {
    color: #25262A;
    font-size: 1.04vw;
    line-height: 1.56vw;
    text-align: left;
    margin: 0;
}

.busco .d-flex:nth-child(3) .btn {
    font-family: "Gotham-Bold";
    color: #FFFFFF;
    font-size: 0.83vw;
    line-height: 1.35vw;
    text-align: center;
    width: 9.37vw;
    height: 2.60vw;
    background: #5704E8;
    border-radius: 0.26vw;
}

.busco .d-flex:nth-child(3) a {
    color: #000000;
    font-size: 0.93vw;
    line-height: 1.45vw;
}

.busco .d-flex:nth-child(3) a::before {
    content: ' ';
    background-image: url('img/filter-remove.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.25vw;
    width: 1.25vw;
    display: block;
    margin: 0 0.52vw 0 0;
}

.busco .container-tab {
    background-color: #FFFFFF;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    overflow: auto;
    width: 20.83vw;
    height: 34.37vw;
    margin: 0.8vw 0;
}

.busco .doctor {
    position: relative;
    border-bottom: 0.04vw solid #DAE2E7;
    padding: 1vw 1.5vw;
    min-height: 15.62vw;
    height: auto;
}

.busco .doctor p:nth-child(1) {
    background-image: url('img/map.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.83vw;
    -webkit-background-size: 0.83vw;
    -moz-background-size: 0.83vw;
    -o-background-size: 0.83vw;
    background-color: #5704E8;
    border-radius: 100%;
    width: 2vw;
    height: 2vw;
    margin: 1vw 0;
}

.busco .doctor .titleText {
    color: #25262A;
    font-size: 1.14vw;
    line-height: 1.66vw;
    text-align: left;
    margin: 0 0 1vw 0;
}

.busco .doctor .generalText {
    color: #25262A;
    font-size: 0.83vw;
    line-height: 1.35vw;
    text-align: left;
    margin: 0 0 1vw 0;
}

.busco .doctor .generalText a {
    font-family: 'Gotham-Book';
    color: #25262A;
}

.busco .text-results {
    color: #666666;
    font-size: 0.83vw;
    line-height: 1.35vw;
    text-align: left;
    margin: 0.5vw 0 0 0;
}

.busco .btn-map {
    display: none !important;
}

.busco .map {
    width: 100%;
    height: 100%;
}

.busco .pagination {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0;
}

.busco .page-item {
    background-color: #FFFFFF;
    height: 2.50vw;
    display: flex;
    align-items: center;
}

.busco .page-link {
    font-family: "Gotham-Bold";
    color: #25262A;
    font-size: 0.83vw;
    line-height: 1.35vw;
    text-align: center;
    background-color: #FFFFFF;
    border: 0.05vw solid #FFFFFF;
    height: 1.66vw;
    width: 1.66vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.busco .page-link:focus {
    box-shadow: none;
}

.busco .page-item.active .page-link {
    color: #FFFFFF;
    background-color: #5704E8;
    border-color: #5704E8;
    border-radius: 20%;
}

.busco .page-item.disabled .page-link {
    color: #666666;
    border-color: #FFFFFF;
}

.busco .quit-btn {
    background-color: #BABBC2 !important;
    pointer-events: none;
}

.busco .selectState {
    position: relative;
    height: 2.60vw;
}

.busco .selectState:after {
    content: "";
    background-image: url('img/arrow-down.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.25vw;
    width: 1.25vw;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.busco select {
    font-family: 'Gotham-Book';
    color: #6D767B;
    font-size: 0.83vw;
    line-height: 0.98vw;
    text-align: left;
    background-color: #FFFFFF;
    width: 20.83vw;
    height: inherit;
    border: 0.05vw solid #DDDDDD;
    border-radius: 0.26vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.busco select::-ms-expand {
    display: none;
}

.busco .form-control:focus {
    border: 0.05vw solid #DDDDDD;
    box-shadow: none;
}

.busco .evento-mapa {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.busco .ubicar-map {
    font-family: "Gotham-Book";
    font-size: 0.83vw;
    line-height: 1.35vw;
    letter-spacing: 0;
    color: #5704E8;
    margin: 0 0.52vw;
    text-decoration: underline;
}

.busco .activeDoctor {
    background-color: #F5F5FF;
}

.busco .phoneText a {
    display: flex;
    align-items: center;
}

.busco .phoneText a::before {
    content: "";
    background-image: url('img/phone.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.66vw;
    width: 1.66vw;
    margin: 0 0.26vw 0.26vw 0;
    display: block;
}

.busco .phoneText span {
    max-width: 15.10vw;
    width: auto;
}

.busco .textUbication a {
    display: flex;
    align-items: center;
}

.busco .textUbication a::before {
    content: "";
    background-image: url('img/location.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.66vw;
    width: 1.66vw;
    margin: 0 0.26vw 0 0;
    display: block;
}

.busco .textUbication span {
    max-width: 15.10vw;
    width: auto;
}

.busco .textHospital {
    display: flex;
    align-items: center;
}

.busco .textHospital::before {
    content: "";
    background-image: url('img/email.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.66vw;
    width: 1.66vw;
    margin: 0 0.26vw 0 0;
    display: block;
}

.busco .textHospital span {
    font-family: "Gotham-Book";
    max-width: 15.10vw;
    width: auto;
}

.busco .phoneText .quit-btn {
    font-family: "Gotham-Bold" !important;
    color: #FFFFFF !important;
}

.busco .phoneText .quit-btn::before {
    display: none !important;
}

.busco .btn-eleonor div {
    font-family: "Gotham-Bold";
    font-size: 0.72vw;
    color: #ffffff;
    background-color: #21737E;
    border-radius: 0.26vw;
    max-width: 9.37vw;
    width: auto;
    height: 3.12vw;
}

.busco .btn-eleonor div span {
    width: 6vw;
}

.busco .btn-eleonor:hover div {
    background-color: #19565E;
}

.busco .btn-eleonor div::after {
    content: "";
    background-image: url('img/stethoscope.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.25vw;
    width: 1.25vw;
    margin: 0;
    display: block;
}

.busco .empty-rows-text-one {
    font-size: 0.93vw;
    line-height: 1.45vw;
    margin: 0;
}

.busco .empty-rows-text-two {
    font-family: "Gotham-Bold";
    font-size: 1.66vw;
    line-height: 2.18vw;
    margin: 0;
}


/* TERMINA SECCIÓN BUSCO */


/* INICIA SECCIÓN MODAL */

.modal .close {
    position: absolute;
}

.modal .close:focus {
    opacity: 1;
}

.modal .close:hover {
    opacity: 1;
}

.modal .modal-content {
    width: 26.04vw;
    border-radius: 0.78vw;
}

.modal .modal-content img {
    width: auto;
    margin: 0 auto;
    padding: 0;
}

.modal .modal-content .cierre {
    width: 2.70vw;
}

.modal .modal-header {
    background-color: #5700E6;
    width: 100%;
    height: 8.12vw;
    border-top-left-radius: 0.78vw;
    border-top-right-radius: 0.78vw;
}

.modal .modal-header p {
    font-family: "Gotham-Bold";
    color: #FFFFFF;
    font-size: 1.98vw;
    text-align: center;
}

.modal .modal-body p {
    font-family: 'Gotham-Medium';
    color: #25262A;
    font-size: 1.45vw;
    text-align: center;
    margin: 1.04vw auto;
}

.modal .modal-body button {
    font-family: 'HindSiliguri-Medium';
    border-radius: 0.26vw;
    width: 17.29vw;
    height: 3.75vw;
    color: #FFFFFF;
    font-size: 1.35vw;
    text-align: center;
    margin: 1.30vw auto;
}

.modal .modal-body .azul {
    background-color: #5700E6;
}

.modal .modal-body .negro {
    background-color: #25262A;
}


/* TERMINA SECCIÓN MODAL */


/* INICIA SECCIÓN AVISO */

.aviso {
    font-family: 'Gotham-Medium';
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    z-index: 1;
    background-image: url(img/bg_test.png);
    color: #ffffff;
    min-height: 100vh;
    height: auto;
}

.aviso h2 {
    font-family: 'Gotham-Bold';
    color: #FFFFFF;
    font-size: 1.87vw;
    line-height: 1.87vw;
    text-align: center;
    margin: 2.08vw auto;
}

.aviso .contenedor-texto-aviso {
    color: #FFFFFF;
    font-size: 0.93vw;
    line-height: 1.66vw;
    text-align: left;
    overflow: auto;
    height: 30vw;
}

.aviso .contenedor-texto-aviso table td {
    color: #FFFFFF;
    font-size: 0.93vw;
    line-height: 1.66vw;
    text-align: left;
}

.aviso ::-webkit-scrollbar {
    width: 0.41vw;
}

.aviso ::-webkit-scrollbar-track {
    background-color: transparent;
}

.aviso ::-webkit-scrollbar-thumb {
    background: #C6A3FF;
    border-radius: 0.41vw;
}

.aviso ::-webkit-scrollbar-thumb:hover {
    background: #C6A3FF;
}


/* TERMINA SECCIÓN AVISO */


/* INICIA SECCIÓN 404 */

#site-content-404 {
    font-family: "Gotham-Bold";
    position: relative;
    background-image: url(img/bg_test.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    color: #ffffff;
    min-height: 100vh;
    height: auto;
}

#site-content-404 h3 {
    color: #FFFFFF;
    font-size: 2.81vw;
    line-height: 3.75vw;
    width: 20.88vw;
    text-align: center;
    margin: 0 auto;
    padding: 4vw 0;
}

#site-content-404 h3 span {
    border-bottom: 0.20vw solid #FC3799;
}

#site-content-404 .text-error {
    color: #FFFFFF;
    font-size: 1.51vw;
    width: 7.55vw;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

#site-content-404 .text-404 {
    color: #FFFFFF;
    font-size: 9.37vw;
    line-height: 7.29vw;
    text-align: center;
    margin: 0 auto;
}

#site-content-404 .text-comp {
    color: #FFFFFF;
    font-family: "Gotham-Book";
    font-size: 1.87vw;
    line-height: 1.97vw;
    text-align: center;
    margin: 3vw 0;
}

#site-content-404 .btn {
    background-color: #FFFFFF;
    color: #5700E6;
    border-radius: 0.31vw;
    width: 16.35vw;
    height: 4.73vw;
    font-size: 1.40vw;
    line-height: 1.66vw;
    text-align: center;
    margin: 0 auto 3vw auto;
}

#site-content-404 .btn img {
    width: 2.4vw;
    margin: 0 0 0 1.04vw;
}

#site-content-404 .line-hr {
    border: 0.31vw solid #721CFF;
}


/* TERMINA SECCIÓN 404 */


/* INICIA SECCIÓN COMUNIDAD */

.comunidad {
    font-family: 'Gotham-Bold';
    color: #25262A;
}

.comunidad .textTipe {
    text-align: left;
    font-size: 0.93vw;
    line-height: 1.45vw;
    letter-spacing: 0;
    color: #FF4E4D;
    margin: 1.04vw 0;
}

.comunidad .textTitle {
    text-align: left;
    font-size: 1.87vw;
    line-height: 2.39vw;
    letter-spacing: 0;
    margin: 1.04vw 0;
}

.comunidad .textDescription {
    font-family: 'Gotham-Book';
    text-align: left;
    font-size: 1.25vw;
    line-height: 1.77vw;
    letter-spacing: 0;
    margin: 1.04vw 0;
}

.comunidad .contenido {
    width: 10%;
    margin: 2.60vw auto;
}

.comunidad p.color-intro-sub-section {
    color: #FF4E4D;
    font-size: 0.93vw;
    line-height: 1.45vw;
    text-align: center;
    margin: 0 0 0.26vw 0;
}

.comunidad p.text-intro-search-sub-section {
    color: #25262A;
    font-size: 1.87vw;
    line-height: 2.39vw;
    text-align: center;
    margin: 0 0 3.12vw 0;
}

.comunidad section.container-btn-tabs {
    background-color: white;
    width: fit-content;
    box-shadow: 0.2vw 0.3vw 0.6vw 0 rgb(52 86 95 / 20%);
    border-radius: 0.78vw;
    padding: 0.52vw;
    margin: 0 auto 1.04vw auto;
}

.comunidad button.tab-button {
    background-color: transparent;
    min-width: 8.85vw;
    width: auto;
    height: 2.60vw;
    color: #25262A;
    font-size: 0.83vw;
    line-height: 1.35vw;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0.26vw;
}

.comunidad button.tab-button.active,
.comunidad button.tab-button:hover {
    background-color: #5704E8;
    color: #F5F5FF;
}

.comunidad .card {
    border-radius: 0.78vw;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgba(45, 70, 79, 0.07);
    border: none;
    max-width: 20.83vw;
    width: auto;
    margin: 1.04vw;
}

.comunidad .card img {
    width: 20.83vw;
    height: 11.71vw;
    border-top-left-radius: 0.78vw;
    border-top-right-radius: 0.78vw;
}

.comunidad .text-post-read {
    min-height: 8vw;
    height: auto;
}

.comunidad .alert-warning {
    margin-top: 10%;
    margin-bottom: 10%;
}

.comunidad .pagination {
    height: 3.12vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0;
}

.comunidad .page-item {
    background-color: #FFFFFF;
    height: 2.50vw;
    display: flex;
    align-items: center;
}

.comunidad .page-link {
    font-family: "Gotham-Bold";
    color: #25262A;
    font-size: 0.83vw;
    line-height: 1.35vw;
    text-align: center;
    background-color: #FFFFFF;
    border: 0.05vw solid #FFFFFF;
    height: 1.66vw;
    width: 1.66vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comunidad .page-link:focus {
    box-shadow: none;
}

.comunidad .page-item.active .page-link {
    color: #FFFFFF;
    background-color: #5704E8;
    border-color: #5704E8;
}

.comunidad .page-item.disabled .page-link {
    color: #666666;
    border-color: #FFFFFF;
}


/* TERMINA SECCIÓN COMUNIDAD */


/* INICIA SECCIÓN COMPARTIR REDES */

.social-container {
    position: relative;
    font-size: 0.83vw;
    line-height: 1.35vw;
    letter-spacing: 0;
    padding: 0 0 1.30vw 0;
}

.social-container .social {
    background-color: #FFFFFF;
    border-radius: 2.5vw;
    width: 9.47vw;
    height: 2.5vw;
    position: relative;
    box-shadow: 0.15vw 0.46vw 1.82vw 0 rgb(45 70 79 / 7%);
}

.social-container i.social-toggle {
    font-family: 'Gotham-Medium';
    font-style: initial !important;
}

.social-container .social-toggle::before {
    content: "";
    background-image: url('img/comunidad_share.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.56vw;
    width: 1.56vw;
    display: block;
    cursor: pointer;
    color: #FFFFFF;
    margin: 0 0.52vw;
}

.social-container .social-toggle.minus::before {
    background-image: url('img/comunidad_close.png');
}

.social-container .social-drop {
    display: none;
    position: absolute;
    height: 2.5vw;
    width: 10.41vw;
    background: #FFFFFF;
    top: 0;
    left: 2.08vw;
    border-radius: 1.56vw;
}

.social-container .social-red::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.56vw;
    width: 1.56vw;
    display: block;
    cursor: pointer;
}

.social-container .social-red.facebook::after {
    background-image: url('img/comunidad_facebook.png');
}

.social-container .social-red.whatsapp::after {
    background-image: url('img/comunidad_whatsapp.png');
}

.social-container .social-red.email::after {
    background-image: url('img/comunidad_mail.png');
}

.social-container .social-red.url::after {
    background-image: url('img/comunidad_link.png');
}


/* TERMINA SECCIÓN COMPARTIR REDES */


/* INICIA SECCIÓN ARTICULOS  */

.post-referencias .collapsed h3::before {
    background-image: url('img/mas.png');
}

.post-referencias h3::before {
    content: "";
    background-image: url('img/menos.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.25vw;
    width: 1.25vw;
    display: block;
    cursor: pointer;
    margin: 0 0.26vw 0 0;
}

.articulos-comunidad .editor-content-custom strong {
    font-family: 'Gotham-Bold';
    color: #8416AE;
}

.articulos-comunidad #dos-columnas-related .articulos-carrusel {
    padding: 0 !important;
}

.articulos-comunidad #dos-columnas-related .card-title {
    min-height: 100% !important;
}

.articulos-comunidad #dos-columnas-related .text-post-read {
    min-height: 7vw !important;
}


/* TERMINA SECCIÓN ARTICULOS */

.read-more-link a {
    color: #5C30EB;
    font-family: "Gotham-Bold";
    font-size: 0.9375vw;
    line-height: 1.14vw;
    text-align: left;
    display: block;
    cursor: pointer;
}

.read-more-link a:hover {
    color: #fe369c;
}

.read-more-link a::after {
    background-image: url('img/arrow_purple.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    width: 1.25vw;
    height: 1.25vw;
    content: '';
    display: block;
    margin-left: 0.52vw;
}

.read-more-link a:hover::after {
    background-image: url('img/arrow_pink.png');
}

.popup {
    position: relative;
    display: inline-block;
}

.popup .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.popup .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.popup:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/* INICIA ESTILOS PARA ELEONOR BANNER */

.bodyclass {
    font-size: 18px;
    color: #333;
}

.h3class {
    font-size: 2em;
}

.h3class>span.txt-blue {
    color: #21737E;
}

.h3class>span.txt-orange {
    color: #FF4E4D;
}

.pclass {
    max-width: 700px;
    width: 100%;
}

.h3class {
    max-width: 700px;
    width: 100%;
}

.eleonor-banner .owl-dots .owl-dot.active span,
.eleonor-banner .owl-dots .owl-dot:hover span {
    background: #5704e8;
}

.eleonor-banner .owl-dots .owl-dot span {
    background: #E1D9FB;
}


/* FLEXBOX para Eleonor Banner */

.container-eleonor {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 320px;
}

.container-eleonor>div:first-child {
    flex: 3;
    align-self: center;
}

.container-eleonor>div:last-child {
    flex: 2;
    align-self: center;
}

.container-eleonor-2>div:last-child {
    flex: 2;
    align-self: end;
}

.container-eleonor>div>img,
.container-eleonor>div>a>img {
    width: 100%;
    height: auto;
}

.botones {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: left !important;
    align-items: flex-start !important;
    padding-bottom: 0px;
}

.botones>a {
    font-size: 18px;
    font-family: 'Gotham-Bold', sans-serif;
    max-width: initial !important;
    width: max-content !important;
}

.botones>a:last-child {
    flex: 5;
}

.botones>a img,
.un-boton>a img {
    vertical-align: middle;
}

.botones>a>div,
.un-boton>a>div {
    padding: 15px 16px;
    text-align: center;
    width: 100%;
    max-width: 350px;
}

.botones>a:last-child>div {
    padding: 0;
    text-align: center;
}

#eleonor-banner-agenda .botones a:first-child {
    display: none;
}

#eleonor-banner-agenda .botones a:last-child>div {
    text-align: left;
}

#eleonor-banner-agenda .pclass,
#eleonor-banner-home .pclass {
    font-family: "Gotham-Book", sans-serif;
}


/* OTHER para Eleonor Banner */

.un-boton {
    width: 100%;
    max-width: 300px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.un-boton>a {
    font-size: 1.1em;
    font-weight: bold;
}

.botones a:first-child,
.btn-class-1 a {
    color: white;
}

.btn-class-2 a {
    color: white;
}

.botones a:first-child>div:after,
.un-boton a>div:after {
    content: "";
    display: inline-block;
    background-image: url('img/assets_01.svg');
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 25px;
    height: 25px;
}

.btn-class-2 a:hover>div:after {
    content: "";
    display: inline-block;
    background-image: url('img/assets_01b.svg');
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.botones a:first-child div,
.un-boton a div {
    background-color: #5704E8;
    border-radius: 5px;
}

.botones a:first-child div:hover,
.btn-class-1 a div:hover {
    background-color: #fe369c !important;
}

.btn-class-2 a div:hover {
    background-color: #fff !important;
}

.btn-class-2 a:hover {
    color: #5704E8;
}

.botones a:last-child {
    color: #333;
    background: #fff;
    padding: 14px 16px;
    border: 1px solid #21737E;
    border-radius: 5px;
    flex: initial;
}

.botones a:last-child:hover {
    background: #21737E;
    color: #fff;
}

.botones a:last-child:hover>div:before {
    background: url(img/white_imagotipo_eleonor.svg) no-repeat !important;
}

.botones a:last-child>div:before {
    content: "";
    display: inline-block;
    background: url('img/imagotipo-eleonor.svg') no-repeat;
    width: 25px !important;
    height: 25px !important;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}

.botones a:hover:last-child>div:before {
    content: "";
    display: inline-block;
    background: url('img/eleonor-btn-hover.png') no-repeat;
    width: 38px;
    height: 38px;
    background-size: cover;
    vertical-align: middle;
}

#eleonor-banner-home .botones a:last-child {
    margin: 20px 0;
}

#doctores-principal-banner .botones a:last-child {
    background: #21737E;
    color: #fff;
}

#doctores-principal-banner .botones a:last-child:hover {
    background: #19565E;
}

#doctores-principal-banner .botones a:last-child>div:before {
    background: url(img/white_imagotipo_eleonor.svg) no-repeat !important;
}


/* Nuevo slider Eleonor */

.container_eleonor_slider {
    background: #EFF9FB;
}

.container_eleonor_slider .eleonor_content h3 p {
    font-family: "Gotham-Bold", sans-serif;
    font-size: 2rem;
}

.container_eleonor_slider .eleonor_content h3 p .green_text {
    color: #21737E;
}

.container_eleonor_slider .eleonor_content p {
    font-family: "Gotham-Book", sans-serif;
    font-size: 1.125rem;
}

.container_eleonor_slider .eleonor_content .green_button {
    background: #21737E;
    width: max-content;
    border-bottom: 0 !important;
    padding: 14px 16px;
    color: #fff !important;
    border-radius: 5px;
    line-height: 1 !important;
    font-size: 1.125rem !important;
}

.container_eleonor_slider .eleonor_content .green_button:hover {
    background: #19565E;
}

.container_eleonor_slider .eleonor_content .green_button img {
    width: 25px;
    height: 25px;
}


/* BOTON Eleonor Ver Perfil */

.imalogo {
    display: block;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 9%;
    right: 6%;
}

.imalogo-icon {
    width: 30px;
    height: 30px;
}

.eleonor-share-quiz {
    color: #333;
}


/* MODAL Eleonor Banner */

.eleonor-modal .modal-dialog {
    max-width: 600px !important;
}

.eleonor-modal .modal-content {
    width: 100%;
}

.eleonor-modal .modal-body>img {
    width: 100%;
}

#agendaModal .modal-dialog{
    max-width: 54vw!important;
    width: auto;
}


/* TOOLTIP Share Buttons */

.tooltip-share {
    position: relative;
    display: inline-block;
    line-height: 1.35vw;
}

.tooltip-share .tooltiptext-share {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-share .tooltiptext-share::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-share:hover .tooltiptext-share {
    visibility: visible;
    opacity: 1;
}


/* SINGLE MÉDICOS Header */

.medico-desktop {
    display: block;
}

.medico-mobile {
    display: none;
}

.single-doctores-eleonor {
    padding: 50px 0px;
}

.eleonor-iframe {
    width: 100%;
    height: 900px;
    padding-top: 30px;
}

.img-spacing {
    padding-top: 10px;
}

.txt-spacing {
    margin-left: -15px;
}

.pleca-mobile-fondo {
    background: url(img/bg_interna.png);
    min-height: 10.42vw;
    background-size: cover;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.modal-dialog .close {
    position: absolute;
    right: -2vw;
    top: -2vw;
    width: 2.08vw!important;
    height: 2.08vw!important;
    margin: 0!important;
}

.modal-dialog .close img {
    width: 2.08vw;
}

.container-eleonor {
    min-height: 20.84vw;
}

.whatsapp-banner{
    color: #fff;
    font-family: 'Gotham-Bold';
}

.busco .btn-whatsapp div{
    border-color: #1FC121;
    width: 100%;
    margin: 0 0 10px 0;
    font-family: "Gotham-Bold";
    font-size: 0.72vw;
    color: #ffffff;
    background-color: #1FC121;
    border-radius: 0.26vw;
    width: auto;
    height: 3.12vw;
}
.busco .btn-whatsapp div span{
    width: 80%;
}

.busco .btn-whatsapp div:hover{
    background-color: #0EAA3E;
    border-color: #0EAA3E;
}
.busco .btn-whatsapp div::before {
    content: "";
    background-image: url('img/wa-btn.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 1.25vw;
    width: 1.25vw;
    margin: 0;
    display: block;
}

/* Carousel Paty Cantú */
#patycantu .card{
    margin: initial;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #5704e8;
}
.owl-theme .owl-dots .owl-dot span {
    background: #E1D9FB;
}
#patycantu .card-title{
    color: #25262A;
    font-size: 1.30vw;
    line-height: 1.92vw;
    text-align: left;
    font-family: 'Gotham-Medium';
}
#patycantu .text-post-read{
    font-size: 0.93vw;
    font-family: 'Gotham-Book';
}
#carrusel-patycantu .section-name{
    color: #FF4E4D;
    font-family: 'Gotham-Bold';
    font-size: 0.93vw;
    line-height: 2.44vw;
    text-align: center;
    margin: 0 auto;
    font-weight: 900;
}
#carrusel-patycantu .section-title{
    font-family: "Gotham-Bold";
    color: #25262A;
    font-size: 1.87vw;
    line-height: 2.44vw;
    text-align: center;
    margin: 0 auto;
}
.color-rosa{
    color: #fe369c;
}
#patycantu .flecha-drc{
    position: absolute;
    display: flex;
    justify-content: space-between;
    background-image: url("img/derecha.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 4.37vw;
    height: 4.27vw;
    right: -5.16vw;
    top: calc(50% - 3.125vw);
}

#patycantu .flecha-izq{
    position: absolute;
    display: flex;
    justify-content: space-between;
    background-image: url("img/izquierda.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 4.37vw;
    height: 4.27vw;
    left: -5.16vw;
    top: calc(50% - 3.125vw);
}

.patycantu-modal .modal-content {
    width: 100%;
}
#Patymodalcontainer iframe{
    width: 798px;
    height: 450px;
}
#modalPaty .modal-body {
    background-color: #000000;
    padding: 0;
}
/* Media Queries Paty Cantú Videos */
@media (max-width: 991px) {
    #Patymodalcontainer iframe{
        width: 500px;
        height: 282px;
    }
    #modalPaty .modal-body {
        padding: 0px;
    }
}
@media (max-width: 575px) {
    #Patymodalcontainer iframe{
        width: 507px;
        height: 285px;
    }
}
@media (max-width: 524px) {
    #Patymodalcontainer iframe{
        width: 418px;
        height: 233px;
    }
}



/* Media Queries Eleonor Banner */

@media only screen and (max-width: 320px) {
    .h3class {
        font-size: 1.5em;
        padding-top: 50px;
    }
    .container-eleonor {
        flex-direction: column;
        padding-left: 10% !important;
        padding-right: 10% !important;
        height: 570px;
    }
    .botones>a,
    .un-boton>a {
        font-size: 1em;
    }
}

@media only screen and (min-width: 321px) and (max-width: 376px) {
    .container-eleonor {
        height: 590px;
    }
    .container-eleonor>div>img,
    .container-eleonor>div>a>img {
        width: 80% !important;
        margin: 0 auto;
    }
    .h3class {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 376px) {
    .txt-spacing h1 {
        font-size: 2rem;
        padding-top: 5px;
    }
}

@media only screen and (min-width: 376px) and (max-width: 426px) {
    .container-eleonor {
        height: 630px;
    }
    .container-eleonor>div>img,
    .container-eleonor>div>a>img {
        width: 80% !important;
        margin: 0 auto;
    }
    .h3class {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 426px) {
    .botones {
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 400px;
    }
    .imalogo {
        width: 32px;
        height: 32px;
        top: 5px;
        right: 5px;
    }
    .imalogo-icon {
        width: 32px;
        height: 32px;
    }
    .txt-spacing {
        line-height: 1.2;
    }
}

@media only screen and (min-width: 426px) and (max-width: 769px) {
    .container-eleonor {
        height: 600px;
    }
    .container-eleonor>div>img,
    .container-eleonor>div>a>img {
        width: 50% !important;
        height: auto;
        margin: 0 auto;
    }
    .h3class {
        padding-top: 20px;
    }
    .botones {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .un-boton {
        padding-bottom: 5px !important;
    }
    .imalogo {
        width: 32px;
        height: 32px;
        top: 5px;
        right: 5px;
    }
    .imalogo-icon {
        width: 32px;
        height: 32px;
    }
    .container-eleonor-2>div:last-child {
        flex: 3;
    }
}

@media only screen and (max-width: 768px) {
    .container-eleonor {
        flex-direction: column;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 20px;
    }
    .botones a {
        width: 100%;
        max-width: 300px;
    }
    .medico-desktop {
        display: none;
    }
    .medico-mobile {
        display: block;
    }
    .single-doctores-eleonor {
        padding: 5px 0px;
    }
    .eleonor-iframe {
        padding-top: 0px;
    }
    .txt-spacing h1 {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1025px) {
    #eleonor-banner-home .container-eleonor {
        height: 340px;
        padding: 0 2% !important;
        width: 100% !important;
    }
    .container-eleonor>div:first-child {
        flex: 2;
    }
    .container-eleonor>div:last-child {
        flex: 1;
    }
    .imalogo {
        top: 5px;
        right: 5px;
    }
    .imalogo-icon {
        width: 20px;
        height: 20px;
    }
    .botones>a {
        font-size: 0.8em;
    }
    .un-boton>a {
        font-size: 0.8em;
    }
    .botones a:last-child>div:before {
        width: 30px;
        height: 30px;
    }
    .botones a:hover:last-child>div:before {
        width: 30px;
        height: 30px;
    }
    #eleonor-banner-home .botones a:last-child {
        margin: 0 0 0 20px;
    }
}

@media only screen and (min-width: 992px) {
    #eleonor-banner-home .botones a:last-child {
        margin: 0 0 0 20px;
    }
    footer #menu-menu-footer li {
        margin-bottom: 0;
    }
    footer .back_to_top {
        right: 50px;
        transform: inherit;
    }
    #eleonor-banner-home .container-eleonor {
        padding: 0 8% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .container-eleonor-2>div:last-child {
        align-self: center;
    }
}

@media only screen and (min-width: 1200px) {
    #eleonor-banner-home .container-eleonor {
        padding: 0 18% !important;
    }
}


/* INICIA SECCIÓN MOBILE */

@media (max-width: 1024px) {
    #tem_key {
        width: 60%;
    }
    .mark,
    mark {
        padding: 0;
    }
    .bread-content {
        margin: 1% 0;
        padding-left: 20px;
        padding-right: 0;
    }
    .container-eleonor {
        min-height: 100%;
        height: auto;
    }
}

@media (max-width: 992px) {
    #agendaModal .modal-dialog{
        max-width: 800px!important;
    }
    .read-more-link a {
        font-size: 20px;
        line-height: 18px;
    }
    .read-more-link a::after {
        width: 24px;
        height: 24px;
        margin-left: 10px;
    }
    .owl-nav {
        display: none;
    }
    .menu-head {
        position: relative;
        background-color: #ffffff;
        z-index: 99;
    }
    .content-pages-wp .pleca-fondo {
        margin: 0;
        padding: 0;
    }
    .pleca-fondo h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 30px;
    }
    /* filtros */
    .filtros {
        margin: 0;
        padding: 0;
    }
    .filtros .botonsubmit {
        border-radius: 6px;
        width: 300px;
        height: 72px;
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 40px auto;
    }
    .filtros .botonsubmit img {
        width: 28px;
        margin: 0 0 0 20px;
    }
    .texto-buscador {
        font-size: 22px;
        line-height: 18px;
        text-align: center;
        padding: 15px 0 15px 0;
        margin: 0;
    }
    .content-inputs {
        justify-content: flex-start;
    }
    #tem_key {
        width: 50%;
        height: 55px;
        padding-left: 15px;
        margin-left: 16px;
    }
    .boton-buscador-paginas {
        width: 30%;
        height: 55px;
        font-size: 19px;
        border-radius: 6px;
    }
    /* primer filtro */
    ul.filtro-busqueda {
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .filtro-busqueda li:first-child p {
        font-size: 20px;
        line-height: 23px;
    }
    .list-group-item:first-child,
    .list-group-item {
        font-size: 17px;
        line-height: 23px;
    }
    /* estilos etiquetas */
    .caja-etiquetas {
        min-height: 100%;
        padding-top: 8%;
        padding-bottom: 8%;
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .etiqueta {
        border: 1px solid #5704E8;
        border-radius: 7px;
        max-width: 29%;
        min-height: 37px;
        margin: 2% 1%;
        text-align: center;
        font-family: "Gotham-Medium";
        font-size: 15px;
    }
    /* articulos */
    .content-pages-wp .card {
        max-width: 100%;
        margin: 12% 0 0 0;
        padding: 0;
        max-height: 100%;
        border-radius: 4px;
        border: none;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .content-pages-wp .card .slider-home-title-post {
        font-size: 25px;
        line-height: 34px;
    }
    .content-pages-wp .card .text-post-read {
        font-size: 18px;
        line-height: 23px;
    }
    .content-pages-wp .card .articulos-search-page {
        width: 100%;
        height: 55%;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .content-pages-wp .card .category-term {
        font-size: 16px;
        line-height: 26px;
    }
    /* paginacion */
    #pagination-articles ul.pagination {
        margin: 0;
        padding: 0;
    }
    #pagination-articles {
        margin: 7% 0 9% 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .page-link {
        padding: 0.5rem 0.55rem;
        line-height: 1.33;
        margin-left: 2px;
    }
    /* Estilos que es el hipotiroidismo pagina */
    #listado-articulos h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .button-section {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin: 20px 0 20px 0;
        background-color: #FFFFFF;
        padding: 0 20px;
    }
    .icon-text-category {
        width: 45px;
        height: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .button-section span.line-more {
        font-family: "Gotham-Bold";
        font-size: 25px;
        text-align: left;
        color: #5704E8;
    }
    .content-pages-wp .type-art {
        border-radius: 15px;
        width: 100px;
        height: 25px;
        right: 5%;
        top: 5%;
        font-size: 14px;
        line-height: 14px;
    }
    .content-pages-wp .type-art-two {
        width: 44px;
        height: 44px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* Termina Estilos que es el hipotiroidismo pagina */
    /* INICIA SECCIÓN GENERAL */
    .navbar {
        width: 100%;
    }
    #breadcrumbs {
        font-family: 'Gotham-Medium';
        color: #3C4349;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin: 0;
        padding: 15px 0 15px 0;
    }
    #breadcrumbs a {
        text-decoration: underline;
        color: #3C4349;
    }
    #breadcrumbs a:hover {
        text-decoration: underline;
        color: #3C4349;
    }
    .next-buttons {
        display: block;
    }
    .next-buttons .descargar {
        margin: 15px auto !important;
    }
    .space {
        padding: 0;
    }
    /* TERMINA SECCIÓN GENERAL */
    /* INICIA SECCIÓN HEADER */
    header .contenido {
        padding: 0;
        margin-left: auto;
    }
    header .contenido .search {
        position: relative;
        width: 50px;
        height: 50px;
        border-right: 0;
        border-left: 0;
        margin-right: 10px;
    }
    header .contenido input {
        top: 115px;
        right: 0;
        bottom: 0;
        left: auto;
        letter-spacing: 1px;
        height: 60px;
        width: 360px;
        font-size: 15px;
        padding: 0 0 0 20px;
    }
    header .contenido::-webkit-input-placeholder {
        color: #000000;
        font-size: 15px;
    }
    header .contenido:-ms-input-placeholder {
        font-size: 15px;
    }
    header .contenido::placeholder {
        font-size: 15px;
    }
    header img {
        width: 38px;
    }
    header .contenido img {
        width: 30px;
    }
    /* TERMINA SECCIÓN HEADER */
    /* INICIA SECCIÓN MENÚ */
    .menu1 {
        height: auto;
    }
    nav {
        font-size: 16px;
        color: #5701e6;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }
    nav img {
        width: 100px;
    }
    nav .nav a {
        color: #5701e6;
        border-bottom: 1px solid transparent;
    }
    nav .nav a:hover {
        color: #5704E8;
        border-bottom: none;
    }
    nav .nav li {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        padding: 0 10px 0 10px;
        margin: 5px 0 5px 0;
    }
    nav .nav .dropdown-toggle::after {
        display: none;
    }
    nav .nav .dropdown-menu {
        font-size: 14px;
        border: 0;
        display: block;
    }
    nav .nav .dropdown-menu li {
        box-shadow: none;
    }
    nav .nav .dropdown-menu li a {
        color: #000000;
    }
    nav .navbar-toggler span {
        display: flex;
        align-items: center;
    }
    #bs-example-navbar-collapse-1 p {
        display: block;
        font-size: 30px;
    }
    /* TERMINA SECCIÓN MENÚ */
    /* INICIA SECCIÓN FOOTER */
    footer #menu-menu-footer {
        display: block;
        font-size: 18px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        padding: 15px 0 15px 15px;
    }
    footer #menu-menu-footer .sub-menu {
        padding: 0;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
    }
    footer #menu-menu-footer a {
        border-bottom: 1px solid #ffffff;
        line-height: 30px;
    }
    footer .icn_fb {
        position: absolute;
        top: 85%;
        right: 5%;
        height: 38px;
    }
    /* TERMINA SECCIÓN FOOTER */
    /* INICIA SECCIÓN QUIZZ */
    .quizz {
        padding: 0 0 50px 0;
    }
    .quizz .text1 {
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 10px 0;
    }
    .quizz .text2 {
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0;
    }
    .quizz .text2 span {
        border-bottom: 3px solid #FC3799;
    }
    .quizz .text3 {
        font-size: 16px;
        line-height: 16px;
        width: auto;
        padding: 20px 0 0 0;
    }
    .quizz .text4 {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .quizz .text-new-e {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .quizz .text4 span {
        font-size: 18px;
    }
    .quizz .item-edad {
        width: 120px !important;
        height: 60px;
        margin: 0 0 50px 0;
    }
    .quizz .divs div .row {
        padding: 25px 0 25px 0;
    }
    .quizz .myProgress {
        width: 100%;
        border-radius: 50px;
        margin: 20px 0 20px 0;
    }
    .quizz .myBar {
        width: 10%;
        height: 10px;
        line-height: 30px;
        border-radius: 50px;
    }
    .quizz .mariposa {
        display: none;
    }
    .quizz .switch-container {
        width: 200px;
        height: 100px;
        border: 1.3px solid #E8E8E8;
        border-radius: 50px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: 0 0 50px 0;
    }
    .quizz .switch-container .switch-button {
        width: 190px;
        height: 90px;
    }
    .quizz .switch-container .switch-button-case {
        width: 48%;
        height: 100%;
        font-size: 16px;
        line-height: 16px;
    }
    .quizz #next {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
    }
    .quizz #next .sig_test {
        height: 35px;
        width: 35px;
    }
    .quizz #prev {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
        padding: 0 10px 0 0;
    }
    .quizz #prev .sig_test {
        height: 35px;
        width: 35px;
        margin: 0 6px 0 0;
    }
    .quizz #repetir {
        position: relative;
        font-size: 20px;
        left: 0;
        top: 0;
    }
    .quizz #repetir .iconnavigationarrow {
        height: 35px;
        width: 35px;
    }
    .quizz .btn {
        border-radius: 6px;
        width: 240px;
        height: 70px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 50px 0;
    }
    .quizz .btn img {
        width: 40px;
        margin: 0 0 0 15px;
    }
    .quizz #medicoEleonor {
        display: none!important;
    }
    /* TERMINA SECCIÓN QUIZZ */
    /* INICIA SECCIÓN VIDEOS */
    .videos {
        height: auto;
        padding: 50px 0 50px 0;
    }
    .videos .tab {
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 264px;
        height: 688px;
        margin: 0 auto;
        overflow: auto;
    }
    .videos .tab button {
        background-color: #FFFFFF;
        display: block;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
    }
    .videos .tab button img {
        display: none;
    }
    .videos .tab .embed-responsive {
        display: block;
    }
    .videos .tab button p {
        font-family: 'HindSiliguri-SemiBold';
        color: #3C4349;
        font-size: 16px;
        text-align: left;
        margin: 0;
    }
    .videos .quit {
        display: none;
    }
    /* TERMINA SECCIÓN VIDEOS */
    /* INICIA SECCIÓN BUSQUEDA */
    .busqueda header {
        height: 114px;
    }
    .busqueda header p {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .busqueda header span {
        color: #8416AE;
    }
    .busqueda .row {
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-title {
        font-size: 22px;
        line-height: 22px;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-excerpt p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .btn {
        border-radius: 6px;
        width: 200px;
        height: 59px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .busqueda .btn img {
        width: 25px;
        margin: 0 0 0 15px;
    }
    .busqueda .pagination h2 {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links span {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    /* TERMINA SECCIÓN BUSQUEDA */
    /* INICIA SECCIÓN INFOGRAFIA */
    .infografia {
        margin: 30px 0 30px 0;
    }
    .infografia img.desktop {
        display: none;
    }
    .infografia img.mobile {
        display: block;
    }
    .infografia .row:nth-child(1) img {
        width: 320px;
        padding: 0;
    }
    .infografia .row:nth-child(2) {
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) img {
        width: 320px;
        margin: auto;
    }
    .infografia .row:nth-child(2) p {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) p img {
        width: 20px;
        margin: 0;
    }
    .infografia .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    .infografia .owl-theme .owl-dots .owl-dot.active span,
    .infografia .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    /* TERMINA SECCIÓN INFOGRAFIA */
    /* INICIA SECCIÓN ENCUENTRA */
    .encuentra {
        margin: 30px 0 30px 0;
    }
    .encuentra p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .encuentra p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .encuentra .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .encuentra .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .encuentra .img_medico {
        width: 320px;
        padding: 0;
        margin: 20px auto;
    }
    /* TERMINA SECCIÓN ENCUENTRA */
    /* INICIA SECCIÓN DESCUBRE */
    .descubre {
        margin: 30px 0 30px 0;
    }
    .descubre p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .descubre p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .descubre .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .descubre .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .descubre .img_medico {
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
    /* TERMINA SECCIÓN DESCUBRE */
    /* SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    .content-pages-wp .pleca-fondo {
        background: url(img/bg_interna_m.png);
        min-height: 150px;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pleca-fondo p,
    .pleca-fondo div {
        font-size: 16px;
        line-height: 16px;
    }
    .box-caja {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        min-height: 240px;
        padding: 3% 2%;
    }
    .box-caja img {
        padding-top: 10px;
    }
    h4.texto-hipo-cuadrado {
        font-size: 26px;
        line-height: 26px;
        padding: 15px 0;
        margin: 0;
    }
    .texto-hipo-cuadrado p {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .page-hipotiroidismo-row {
        padding-bottom: 20px;
    }
    .card-titulo-categoria {
        font-size: 26px;
        line-height: 26px;
        padding: 20px 0;
        min-height: 125px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .boton-cat {
        border-radius: 6px;
        height: 58px;
        margin: 10px auto;
        font-size: 24px;
        line-height: 28px;
        width: 80%;
    }
    .boton-cat img {
        height: 10px;
    }
    .intro-categories {
        font-size: 20px;
        line-height: 26px;
    }
    .into-categorias {
        padding: 15px 0;
    }
    #el-impacto-main-page .categorias-iconos .card {
        min-height: auto;
        border: none;
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: auto;
    }
    .categorias-iconos .col-12 {
        padding: 15px 0 15px 0;
    }
    .categorias-iconos .btn span {
        background-color: #FFFFFF;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    /* TERMINA SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    .articulos {
        font-family: 'Gotham-Bold';
    }
    .articulos h1 {
        color: #000000;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos h1 img {
        width: 17px;
        position: absolute;
        left: -120px;
        top: 8px;
        padding: 0;
    }
    .articulos .editor-content-custom h2 {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .has-inline-color {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom p,
    .articulos .editor-content-custom-descarga p,
    .articulos .editor-content-custom td {
        font-family: 'Gotham-Book';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom li,
    .articulos .editor-content-custom-descarga li {
        font-family: 'Gotham-Medium';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 20px 0;
        margin: 0;
    }
    .articulos .wp-block-separator {
        border: 1px solid #DEDEDE;
        margin: 0 0 25px 0;
    }
    .articulos .embed-responsive {
        margin: 0 0 25px 0;
    }
    .articulos .post-referencias h3 {
        color: #25262A;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .post-referencias h3 img {
        width: 34px;
        padding: 0;
    }
    .articulos .post-referencias p,
    .articulos .post-referencias li {
        font-family: 'Gotham-Book';
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0;
    }
    .articulos .post-referencias a {
        color: #5700E6;
    }
    .articulos .download img {
        width: 434px;
        margin: 0 auto 25px auto;
    }
    .articulos .download p {
        font-size: 16px;
    }
    .articulos .btn {
        font-family: 'Gotham-Medium';
        border-radius: 5px;
        width: 200px;
        height: 58px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin: 15px auto;
    }
    .articulos .visualizar {
        background-color: #25262A;
    }
    .articulos .descargar {
        background-color: #FF4E4D;
    }
    .articulos .btn img {
        width: 28px;
        margin: 0 0 0 20px;
        padding: 0;
    }
    .articulos img {
        width: 930px;
        padding: 0 0 25px 0;
        height: auto;
    }
    .articulos .text-rel {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .titulo-bloque-hipotiroidismo-dos img {
        width: 18px;
        margin: 0 0 0 5px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .content-slider-home {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .center {
        padding: 15px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .slider-home-title-post {
        font-size: 20px;
        line-height: 20px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .text-post-read {
        font-size: 16px;
        line-height: 16px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link {
        font-size: 16px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link .icon {
        width: 20px;
        height: 20px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .card {
        box-shadow: 15px 25px 54px 0 rgba(52, 86, 95, 0.07);
        border-radius: 15px;
        min-height: auto;
        height: auto;
        margin: auto;
    }
    .articulos .carrusel-related-art #dos-columnas-related.owl-carousel.owl-drag .owl-item {
        padding: 0;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot.active span,
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    /* INICIA SECCIÓN GRUPOS */
    .grupos {
        width: 100%;
        margin: 200px auto 30px auto;
    }
    .grupos .chica {
        position: absolute;
        width: 320px;
        right: 0;
        left: 0;
        bottom: 220px;
    }
    .grupos .cuadro {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 400px;
        margin: auto;
    }
    .grupos .cuadro .text1 {
        font-size: 26px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 180px 0 20px 0;
    }
    .grupos .cuadro .text2 {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0 0 20px 0;
    }
    .grupos .cuadro .btn {
        border-radius: 5px;
        width: 268px;
        height: 68px;
        font-size: 24px;
        line-height: 30px;
        margin: auto;
    }
    .grupos .video .text1 {
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .text2 {
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        margin: 0;
        display: block;
    }
    .grupos .video .text3 {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .d-flex .text-flex-one {
        font-size: 20px;
        margin: 0 auto;
        max-width: 90%;
        text-align: center;
    }
    .grupos .video a {
        position: relative;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        display: block;
        text-decoration: underline;
        margin: 10px auto;
    }
    .grupos .video .conoce {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .grupos .video img {
        width: 15px;
        margin: 0 0 0 5px;
    }
    .grupos .video video {
        border-radius: 15px;
    }
    .grupos .video .conoce {
        width: 38.02vw;
        margin: 0;
    }
    /* TERMINA SECCIÓN GRUPOS */
    /* INICIA SECCIÓN BANNER */
    .banner {
        margin: 0 0 50px 0;
    }
    .banner .image {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .banner .image .img_general,
    .banner .image .txt_general {
        width: 800px;
    }
    .banner .image:hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner p:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        width: 100%;
        text-align: left;
        padding: 30px 0 0 0;
    }
    .banner p:nth-child(2) {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
        text-align: left;
    }
    .banner .btn {
        border-radius: 6px;
        width: 60%;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: auto;
    }
    .banner .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .banner div {
        position: absolute;
        top: -150px;
        left: -150px;
        z-index: 0;
        animation: myfirst 10s ease-in-out infinite;
        transform-origin: 50% 50%;
        width: 500px;
        height: 500px;
    }
    /* TERMINA SECCIÓN BANNER */
    /* INICIA SECCIÓN BUSCO */
    .busco .d-flex:nth-child(1) a {
        font-size: 24px;
        line-height: 34px;
        margin: 0 0 15px 0;
        border-bottom: 2px solid transparent;
    }
    .busco .d-flex:nth-child(1) a.active {
        border-bottom: 2px solid #5704E8;
    }
    .busco .d-flex:nth-child(2) p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
    }
    .busco .d-flex:nth-child(3) label {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }
    .busco .d-flex:nth-child(3) .btn {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        margin-bottom: 20px
    }
    .busco .d-flex:nth-child(3) a {
        font-size: 18px;
        line-height: 28px;
    }
    .busco .d-flex:nth-child(3) a::before {
        height: 24px;
        width: 24px;
        margin: 0 10px 0 0;
    }
    .busco .container-tab {
        background-color: transparent;
        box-shadow: none;
        width: 500px;
        height: 1220px;
        margin: 0 auto;
    }
    .busco .doctor {
        background-color: #FFFFFF;
        border-bottom: none;
        padding: 15px;
        margin: 0 0 30px 0;
        min-height: 348px;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .busco .doctor p:nth-child(1) {
        display: none;
    }
    .busco .doctor .titleText {
        color: #25262A;
        font-size: 22px;
        line-height: 32px;
        margin: 10px 0;
    }
    .busco .doctor .generalText {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }
    .busco .text-results {
        color: #666666;
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }
    .busco .btn-map {
        display: flex !important;
        font-family: "Gotham-Bold";
        color: #FFFFFF;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        width: 186px;
        height: 60px;
        background: #5700E6;
        border-radius: 5px;
        margin: 20px 0 10px 0;
    }
    .busco .btn-map::after {
        content: "";
        background-image: url('img/assets_purple.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        height: 24px;
        width: 24px;
        display: block;
        margin: 0 0 0 10px;
    }
    .busco .quit-btn::after {
        background-image: url('img/assets_gray.svg');
    }
    .busco .map {
        display: none;
    }
    .busco .pagination {
        height: 60px;
        margin: 0;
    }
    .busco .page-item {
        height: 48px;
    }
    .busco .page-link {
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        height: 32px;
        width: 32px;
    }
    .busco .selectState {
        height: 50px;
    }
    .busco .selectState:after {
        height: 24px;
        width: 24px;
    }
    .busco select {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        height: inherit;
        border: 1px solid #DDDDDD;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .busco .form-control:focus {
        border: 1px solid #DDDDDD;
    }
    .busco .ubicar-map {
        display: none;
    }
    .busco .phoneText a::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 5px 0;
    }
    .busco .phoneText span {
        max-width: 200px;
    }
    .busco .textUbication a::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 0 0;
    }
    .busco .textUbication span {
        max-width: 300px;
    }
    .busco .textHospital::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 0 0;
    }
    .busco .textHospital span {
        max-width: 200px;
    }
    .busco .btn-eleonor div {
        font-size: 18px;
        border-radius: 5px;
        max-width: 186px;
        width: auto;
        height: 60px;
        margin: 20px 0 0 0;
    }
    .busco .btn-eleonor div span {
        width: 140px;
    }
    .busco .btn-eleonor div::after {
        height: 24px;
        width: 24px;
        margin: 0;
    }
    .busco .empty-rows-text-one {
        font-size: 16px;
        line-height: 26px;
        margin: 0;
    }
    .busco .empty-rows-text-two {
        font-size: 24px;
        line-height: 34px;
        margin: 0;
    }
    .busco .card-doctor-empty {
        background-color: #ffffff;
        height: 320px!important;
    }
    .busco .gray-border {
        border: 0.5px solid #DDDDDD;
    }
    .busco .btn-whatsapp div{
        font-size: 18px;
        padding: 15.5px 0;
        margin: 0;
        height: 60px;
    }
    .busco .btn-whatsapp div::before {
        height: 24px;
        width: 24px;
        margin: 0;
    }

    /* Carrusel Paty Cantú */
    #patycantu .card-title{
        font-size: 20px;
        line-height: normal;
    }
    #patycantu .text-post-read{
        font-size: 16px;
    }
    #carrusel-patycantu .section-name{
        font-size: 16px;
    }
    #carrusel-patycantu .section-title{
        font-size: 20px;
        line-height: normal;
    }

    /* TERMINA SECCIÓN BUSCO */
    /* ESTILOS FILTROS QUE ES EL HIPO*/
    .texto-buscador {
        display: none;
    }
    .tablink img {
        height: 9px;
        padding: 0 6px;
    }
    .button-section.mobile {
        border-radius: 15px;
        margin: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .button-section.items-mobile {
        border-radius: 0;
        max-width: 96%;
        margin: 0 auto;
    }
    .button-section.mobile span.line-more {
        font-family: "Gotham-Bold";
        font-size: 1.30vw;
        text-align: left;
        color: #5704E8;
    }
    .button-section.mobile.active span.line-more,
    .button-section.mobile:hover span.line-more {
        color: #FFFFFF;
    }
    .filter-deskt {
        display: none;
    }
    .button-section.mobile span.line-more {
        font-size: 23px;
    }
    .filter-drops {
        display: flex;
        margin: 10% 0 0 0;
    }
    .text-fil-search {
        display: none;
    }
    .listas-desc,
    .etiquetas-desk {
        display: none;
    }
    .caja-etiquetas {
        margin: 0 0 8% 0;
    }
    .panel-group .mobile {
        display: flex;
        max-width: 96%;
        margin: 0 auto;
    }
    .tablink {
        font-family: "Gotham-Medium";
        font-size: 28px;
        height: 61px;
        border-radius: 5px;
        color: #000000;
        border-color: #d7d7d7;
        background-color: #ffffff;
        padding: 0 22px;
        margin: 0px 12px 27px 9px;
    }
    .tablink:hover {
        color: #000000;
        border-color: #5700E6;
        background-color: #EBEBFF;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 22px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    /* TERMINA ESTILOS FILTROS QUE ES EL HIPO*/
    /* INICIA SECCIÓN MODAL */
    .modal .close {
        right: 0;
        top: 0;
    }
    .modal .modal-content {
        border-radius: 15px;
        width: 100%;
    }
    .modal .modal-content img {
        width: auto;
    }
    .modal .modal-content .cierre {
        width: 32px;
    }
    .modal .modal-header {
        width: 100%;
        height: 156px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .modal .modal-header p {
        font-size: 34px;
    }
    .modal .modal-body p {
        font-size: 24px;
        margin: 20px auto;
    }
    .modal .modal-body button {
        border-radius: 5px;
        width: 232px;
        height: 62px;
        font-size: 22px;
        margin: 25px auto;
    }
    /* TERMINA SECCIÓN MODAL */
    /* INICIA SECCIÓN AVISO */
    .aviso h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 40px auto;
    }
    .aviso .contenedor-texto-aviso {
        font-size: 16px;
        line-height: 22px;
        height: 100vh;
    }
    .aviso .contenedor-texto-aviso table td {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
    .aviso ::-webkit-scrollbar {
        width: 4px;
    }
    .aviso ::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }
    /* TERMINA SECCIÓN AVISO */
    /* INICIA SECCIÓN 404 */
    #site-content-404 h3 {
        font-size: 45px;
        line-height: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    #site-content-404 h3 span {
        border-bottom: 2px solid #FC3799;
    }
    #site-content-404 .text-error {
        font-size: 20px;
        line-height: 40px;
        width: 100%;
    }
    #site-content-404 .text-404 {
        font-size: 120px;
        line-height: 90px;
        width: 100%;
        margin: 0 auto;
    }
    #site-content-404 .text-comp {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
        margin: 40px 0;
    }
    #site-content-404 .line-hr {
        border: 2px solid #721CFF;
        max-width: 100%;
    }
    #site-content-404 .btn {
        border-radius: 2px;
        width: 220px;
        height: 70px;
        color: #5700E6;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto 40px auto;
    }
    #site-content-404 .btn img {
        width: 50px;
        margin: 0 0 0 20px;
    }
    /* TERMINA SECCIÓN 404 */
    /* INICIA SECCIÓN COMUNIDAD */
    .comunidad .textTipe {
        font-size: 26px;
        line-height: 26px;
        margin: 20px 0;
    }
    .comunidad .textTitle {
        font-size: 34px;
        line-height: 38px;
        margin: 20px 0;
    }
    .comunidad .textDescription {
        font-size: 26px;
        line-height: 30px;
        margin: 20px 0;
    }
    .comunidad .contenido {
        width: 10%;
        margin: 50px auto;
    }
    .comunidad p.color-intro-sub-section {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 20px 0;
    }
    .comunidad p.text-intro-search-sub-section {
        font-size: 34px;
        line-height: 38px;
        margin: 0 0 20px 0;
    }
    .comunidad section.container-btn-tabs {
        width: 380px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        border-radius: 15px;
        padding: 10px;
        margin: 0 auto;
    }
    .comunidad button.tab-button {
        min-width: 170px;
        height: 50px;
        color: #25262A;
        font-size: 26px;
        line-height: 36px;
        border-radius: 5px;
    }
    .comunidad .card {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        max-width: 500px;
        margin: 0 0 50px 0;
    }
    .comunidad .card img {
        width: 500px;
        height: auto;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .comunidad .text-post-read {
        min-height: auto;
    }
    .comunidad .alert-warning {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .comunidad .pagination {
        height: 60px;
        margin: 0;
    }
    .comunidad .page-item {
        height: 58px;
    }
    .comunidad .page-link {
        font-size: 26px;
        line-height: 36px;
        border: 1px solid #FFFFFF;
        height: 42px;
        width: 42px;
    }
    /* TERMINA SECCIÓN COMUNIDAD */
    /* INICIA SECCIÓN COMPARTIR REDES */
    .social-container {
        font-size: 28px;
        line-height: 30px;
        padding: 0 0 30px 0;
    }
    .social-container .social {
        border-radius: 48px;
        width: 300px;
        height: 50px;
        box-shadow: 3px 9px 35px 0 rgb(45 70 79 / 7%);
    }
    .social-container .social-toggle::before {
        height: 40px;
        width: 40px;
        margin: 0 10px;
    }
    .social-container .social-drop {
        height: 48px;
        width: 300px;
        top: 0;
        left: 40px;
        border-radius: 30px;
    }
    .social-container .social-red::after {
        height: 40px;
        width: 40px;
    }
    /* TERMINA SECCIÓN COMPARTIR REDES */
    /* INICIA SECCIÓN ARTICULOS  */
    .post-referencias h3::before {
        height: 24px;
        width: 24px;
        margin: 0 5px 0 0;
    }
    .articulos-comunidad #dos-columnas-related .text-post-read {
        min-height: 100% !important;
    }
    /* TERMINA SECCIÓN ARTICULOS */
    .modal-dialog .close {
        right: 0!important;
        top: -40px!important;
        width: 100%!important;
        height: 36px!important;
        margin: 0!important;
    }
    .modal-dialog .close img {
        width: 36px!important;
    }
}

@media (max-width: 768px) {
    .content-pages-wp .pleca-fondo {
        margin: 0;
        padding: 0;
    }
    .pleca-fondo h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 30px;
    }
    /* filtros */
    .filtros {
        margin: 0;
        padding: 0;
    }
    .filtros .botonsubmit {
        border-radius: 6px;
        width: 300px;
        height: 72px;
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 40px auto;
    }
    .filtros .botonsubmit img {
        width: 28px;
        margin: 0 0 0 20px;
    }
    .texto-buscador {
        font-size: 22px;
        line-height: 18px;
        text-align: center;
        padding: 15px 0 15px 0;
        margin: 0;
    }
    .content-inputs {
        justify-content: flex-start;
    }
    #tem_key {
        width: 50%;
        height: 55px;
        padding-left: 15px;
        margin-left: 16px;
    }
    .boton-buscador-paginas {
        width: 30%;
        height: 55px;
        font-size: 19px;
        border-radius: 6px;
    }
    /* primer filtro */
    ul.filtro-busqueda {
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .filtro-busqueda li:first-child p {
        font-size: 20px;
        line-height: 23px;
    }
    .list-group-item:first-child,
    .list-group-item {
        font-size: 17px;
        line-height: 23px;
    }
    /* estilos etiquetas */
    .caja-etiquetas {
        min-height: 100%;
        padding-top: 8%;
        padding-bottom: 8%;
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .etiqueta {
        border: 1px solid #5704E8;
        border-radius: 7px;
        max-width: 29%;
        min-height: 37px;
        margin: 2% 1%;
        text-align: center;
        font-family: "Gotham-Medium";
        font-size: 15px;
    }
    /* articulos */
    .content-pages-wp .card {
        max-width: 100%;
        margin: 12% 0 0 0;
        padding: 0;
        max-height: 100%;
        border-radius: 4px;
        border: none;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .content-pages-wp .card .slider-home-title-post {
        font-size: 25px;
        line-height: 34px;
    }
    .content-pages-wp .card .text-post-read {
        font-size: 18px;
        line-height: 23px;
    }
    .content-pages-wp .card .articulos-search-page {
        width: 100%;
        height: 55%;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    /* paginacion */
    #pagination-articles ul.pagination {
        margin: 0;
        padding: 0;
    }
    #pagination-articles {
        margin: 7% 0 9% 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .page-link {
        padding: 0.5rem 0.55rem;
        line-height: 1.33;
        margin-left: 2px;
    }
    /* Estilos que es el hipotiroidismo pagina */
    #listado-articulos h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .button-section {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin: 20px 0 20px 0;
        background-color: #FFFFFF;
        padding: 0 20px;
    }
    .icon-text-category {
        width: 45px;
        height: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .button-section span.line-more {
        font-family: "Gotham-Bold";
        font-size: 25px;
        text-align: left;
        color: #5704E8;
    }
    .content-pages-wp .type-art {
        border-radius: 15px;
        width: 100px;
        height: 25px;
        right: 5%;
        top: 5%;
        font-size: 14px;
        line-height: 14px;
    }
    .content-pages-wp .type-art-two {
        width: 44px;
        height: 44px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* Termina Estilos que es el hipotiroidismo pagina */
    /* INICIA SECCIÓN GENERAL */
    .navbar {
        width: 100%;
    }
    #breadcrumbs {
        font-family: 'Gotham-Medium';
        color: #3C4349;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin: 0;
        padding: 15px 0 15px 0;
    }
    #breadcrumbs a {
        text-decoration: underline;
        color: #3C4349;
    }
    #breadcrumbs a:hover {
        text-decoration: underline;
        color: #3C4349;
    }
    .next-buttons {
        display: block;
    }
    .next-buttons .descargar {
        margin: 15px auto !important;
    }
    /* TERMINA SECCIÓN GENERAL */
    /* INICIA SECCIÓN HEADER */
    header .contenido {
        padding: 0;
        margin-left: auto;
    }
    header .contenido .search {
        position: relative;
        width: 50px;
        height: 50px;
        border-right: 0;
        border-left: 0;
        margin-right: 10px;
    }
    header .contenido input {
        top: 115px;
        right: 0;
        bottom: 0;
        left: auto;
        letter-spacing: 1px;
        height: 60px;
        width: 360px;
        font-size: 15px;
        padding: 0 0 0 20px;
    }
    header .contenido input::placeholder {
        color: #000000;
        opacity: 0.5;
    }
    header .contenido::-webkit-input-placeholder {
        color: #000000;
        font-size: 15px;
    }
    header .contenido:-ms-input-placeholder {
        font-size: 15px;
    }
    header .contenido::placeholder {
        font-size: 15px;
    }
    header img {
        width: 38px;
    }
    header .contenido img {
        width: 30px;
    }
    /* TERMINA SECCIÓN HEADER */
    /* INICIA SECCIÓN MENÚ */
    nav {
        font-size: 16px;
        color: #5701e6;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }
    nav img {
        width: 100px;
    }
    nav .nav a {
        color: #5701e6;
        border-bottom: 1px solid transparent;
    }
    nav .nav a:hover {
        color: #5704E8;
        border-bottom: none;
    }
    nav .nav li {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        padding: 0 10px 0 10px;
        margin: 5px 0 5px 0;
    }
    nav .nav .dropdown-toggle::after {
        display: none;
    }
    nav .nav .dropdown-menu {
        font-size: 14px;
        border: 0;
        display: block;
    }
    nav .nav .dropdown-menu li {
        box-shadow: none;
    }
    nav .nav .dropdown-menu li a {
        color: #000000;
    }
    nav .navbar-toggler span {
        display: flex;
        align-items: center;
    }
    #bs-example-navbar-collapse-1 p {
        display: block;
        font-size: 30px;
    }
    /* TERMINA SECCIÓN MENÚ */
    /* INICIA SECCIÓN FOOTER */
    footer #menu-menu-footer {
        display: block;
        font-size: 18px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        padding: 15px 0 15px 15px;
    }
    footer #menu-menu-footer .sub-menu {
        padding: 0;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
    }
    footer #menu-menu-footer a {
        border-bottom: 1px solid #ffffff;
        line-height: 30px;
    }
    footer .icn_fb {
        position: absolute;
        top: 85%;
        right: 5%;
        height: 38px;
    }
    /* TERMINA SECCIÓN FOOTER */
    /* INICIA SECCIÓN QUIZZ */
    .quizz {
        padding: 0 0 50px 0;
    }
    .quizz .text1 {
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 10px 0;
    }
    .quizz .text2 {
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0;
    }
    .quizz .text2 span {
        border-bottom: 3px solid #FC3799;
    }
    .quizz .text3 {
        font-size: 16px;
        line-height: 16px;
        width: auto;
        padding: 20px 0 0 0;
    }
    .quizz .text4 {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .quizz .text-new-e {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .eleonor-solo-desktop {
        position: relative;
        display: none;
    }
    .quizz .text4 span {
        font-size: 18px;
    }
    .quizz .item-edad {
        width: 120px !important;
        height: 60px;
        margin: 0 0 50px 0;
    }
    .quizz .divs div .row {
        padding: 25px 0 25px 0;
    }
    .quizz .myProgress {
        width: 100%;
        border-radius: 50px;
        margin: 20px 0 20px 0;
    }
    .quizz .myBar {
        width: 10%;
        height: 10px;
        line-height: 30px;
        border-radius: 50px;
    }
    .quizz .mariposa {
        display: none;
    }
    .quizz .switch-container {
        width: 200px;
        height: 100px;
        border: 1.3px solid #E8E8E8;
        border-radius: 50px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: 0 0 50px 0;
    }
    .quizz .switch-container .switch-button {
        width: 190px;
        height: 90px;
    }
    .quizz .switch-container .switch-button-case {
        width: 48%;
        height: 100%;
        font-size: 16px;
        line-height: 16px;
    }
    .quizz #next {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
    }
    .quizz #next .sig_test {
        height: 35px;
        width: 35px;
    }
    .quizz #prev {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
        padding: 0 10px 0 0;
    }
    .quizz #prev .sig_test {
        height: 35px;
        width: 35px;
        margin: 0 6px 0 0;
    }
    .quizz #repetir {
        position: relative;
        font-size: 20px;
        left: 0;
        top: 0;
    }
    .quizz #repetir .iconnavigationarrow {
        height: 35px;
        width: 35px;
    }
    .quizz .btn {
        border-radius: 6px;
        width: 240px;
        height: 70px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 50px 0;
    }
    .quizz .btn img {
        width: 40px;
        margin: 0 0 0 15px;
    }
    /* TERMINA SECCIÓN QUIZZ */
    /* INICIA SECCIÓN VIDEOS */
    .videos {
        height: auto;
        padding: 50px 0 50px 0;
    }
    .videos .tab {
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 264px;
        height: 688px;
        margin: 0 auto;
        overflow: auto;
    }
    .videos .tab button {
        background-color: #FFFFFF;
        display: block;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
    }
    .videos .tab button img {
        display: none;
    }
    .videos .tab .embed-responsive {
        display: block;
    }
    .videos .tab button p {
        font-family: 'HindSiliguri-SemiBold';
        color: #3C4349;
        font-size: 16px;
        text-align: left;
        margin: 0;
    }
    .videos .quit {
        display: none;
    }
    /* TERMINA SECCIÓN VIDEOS */
    /* INICIA SECCIÓN BUSQUEDA */
    .busqueda header {
        height: 114px;
    }
    .busqueda header p {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .busqueda header span {
        color: #8416AE;
    }
    .busqueda .row {
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-title {
        font-size: 22px;
        line-height: 22px;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-excerpt p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .btn {
        border-radius: 6px;
        width: 200px;
        height: 59px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .busqueda .btn img {
        width: 25px;
        margin: 0 0 0 15px;
    }
    .busqueda .pagination h2 {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links span {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    /* TERMINA SECCIÓN BUSQUEDA */
    /* INICIA SECCIÓN INFOGRAFIA */
    .infografia {
        margin: 30px 0 30px 0;
    }
    .infografia img.desktop {
        display: none;
    }
    .infografia img.mobile {
        display: block;
    }
    .infografia .row:nth-child(1) img {
        width: 320px;
        padding: 0;
    }
    .infografia .row:nth-child(2) {
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) img {
        width: 320px;
        margin: auto;
    }
    .infografia .row:nth-child(2) p {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) p img {
        width: 20px;
        margin: 0;
    }
    .infografia .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    .infografia .owl-theme .owl-dots .owl-dot.active span,
    .infografia .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    /* TERMINA SECCIÓN INFOGRAFIA */
    /* INICIA SECCIÓN ENCUENTRA */
    .encuentra {
        margin: 30px 0 30px 0;
    }
    .encuentra p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .encuentra p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .encuentra .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .encuentra .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .encuentra .img_medico {
        width: 320px;
        padding: 0;
        margin: 20px auto;
    }
    /* TERMINA SECCIÓN ENCUENTRA */
    /* INICIA SECCIÓN DESCUBRE */
    .descubre {
        margin: 30px 0 30px 0;
    }
    .descubre p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .descubre p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .descubre .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .descubre .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .descubre .img_medico {
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
    /* TERMINA SECCIÓN DESCUBRE */
    /* SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    .content-pages-wp .pleca-fondo {
        background: url(img/bg_interna_m.png);
        min-height: 150px;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pleca-fondo p,
    .pleca-fondo div {
        font-size: 16px;
        line-height: 16px;
    }
    .box-caja {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        min-height: 240px;
        padding: 3% 2%;
    }
    .box-caja img {
        padding-top: 10px;
    }
    h4.texto-hipo-cuadrado {
        font-size: 26px;
        line-height: 26px;
        padding: 15px 0;
        margin: 0;
    }
    .texto-hipo-cuadrado p {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .page-hipotiroidismo-row {
        padding-bottom: 20px;
    }
    .card-titulo-categoria {
        font-size: 26px;
        line-height: 26px;
        padding: 20px 0;
        min-height: 125px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .boton-cat {
        border-radius: 6px;
        height: 58px;
        margin: 10px auto;
        font-size: 24px;
        line-height: 28px;
        width: 80%;
    }
    .boton-cat img {
        height: 10px;
    }
    .intro-categories {
        font-size: 20px;
        line-height: 26px;
    }
    .into-categorias {
        padding: 15px 0;
    }
    #el-impacto-main-page .categorias-iconos .card {
        min-height: auto;
        border: none;
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: auto;
    }
    .categorias-iconos .col-12 {
        padding: 15px 0 15px 0;
    }
    .categorias-iconos .btn span {
        background-color: #FFFFFF;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    /* TERMINA SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    .articulos {
        font-family: 'Gotham-Bold';
    }
    .articulos h1 {
        color: #000000;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos h1 img {
        width: 17px;
        position: absolute;
        left: -120px;
        top: 8px;
        padding: 0;
    }
    .articulos .editor-content-custom h2 {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .has-inline-color {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom p,
    .articulos .editor-content-custom-descarga p,
    .articulos .editor-content-custom td {
        font-family: 'Gotham-Book';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom li,
    .articulos .editor-content-custom-descarga li {
        font-family: 'Gotham-Medium';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 20px 0;
        margin: 0;
    }
    .articulos .wp-block-separator {
        border: 1px solid #DEDEDE;
        margin: 0 0 25px 0;
    }
    .articulos .embed-responsive {
        margin: 0 0 25px 0;
    }
    .articulos .post-referencias h3 {
        color: #25262A;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .post-referencias h3 img {
        width: 34px;
        padding: 0;
    }
    .articulos .post-referencias p,
    .articulos .post-referencias li {
        font-family: 'Gotham-Book';
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0;
    }
    .articulos .post-referencias a {
        color: #5700E6;
    }
    .articulos .download img {
        width: 434px;
        margin: 0 auto 25px auto;
    }
    .articulos .download p {
        font-size: 16px;
    }
    .articulos .btn {
        font-family: 'Gotham-Medium';
        border-radius: 5px;
        width: 200px;
        height: 58px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin: 15px auto;
    }
    .articulos .visualizar {
        background-color: #25262A;
    }
    .articulos .descargar {
        background-color: #FF4E4D;
    }
    .articulos .btn img {
        width: 28px;
        margin: 0 0 0 20px;
        padding: 0;
    }
    .articulos img {
        width: 930px;
        padding: 0 0 25px 0;
        height: auto;
    }
    .articulos .text-rel {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .titulo-bloque-hipotiroidismo-dos img {
        width: 18px;
        margin: 0 0 0 5px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .content-slider-home {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .center {
        padding: 15px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .slider-home-title-post {
        font-size: 20px;
        line-height: 20px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .text-post-read {
        font-size: 16px;
        line-height: 16px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link {
        font-size: 16px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link .icon {
        width: 20px;
        height: 20px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .card {
        box-shadow: 15px 25px 54px 0 rgba(52, 86, 95, 0.07);
        border-radius: 15px;
        min-height: auto;
        height: auto;
        margin: auto;
    }
    .articulos .carrusel-related-art #dos-columnas-related.owl-carousel.owl-drag .owl-item {
        padding: 0;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot.active span,
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    /* INICIA SECCIÓN GRUPOS */
    .grupos {
        width: 100%;
        margin: 200px auto 30px auto;
    }
    .grupos .chica {
        position: absolute;
        width: 320px;
        right: 0;
        left: 0;
        bottom: 220px;
    }
    .grupos .cuadro {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 400px;
        margin: auto;
    }
    .grupos .cuadro .text1 {
        font-size: 26px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 180px 0 20px 0;
    }
    .grupos .cuadro .text2 {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0 0 20px 0;
    }
    .grupos .cuadro .btn {
        border-radius: 5px;
        width: 268px;
        height: 68px;
        font-size: 24px;
        line-height: 30px;
        margin: auto;
    }
    .grupos .video .text1 {
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .text2 {
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        margin: 0;
        display: block;
    }
    .grupos .video .text3 {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .d-flex .text-flex-one {
        font-size: 20px;
        margin: 0 auto;
        max-width: 90%;
        text-align: center;
    }
    .grupos .video a {
        position: relative;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        display: block;
        text-decoration: underline;
        margin: 10px auto;
    }
    .grupos .video .conoce {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .grupos .video img {
        width: 15px;
        margin: 0 0 0 5px;
    }
    .grupos .video video {
        border-radius: 15px;
    }
    /* TERMINA SECCIÓN GRUPOS */
    /* INICIA SECCIÓN BANNER */
    .banner {
        margin: 0 0 50px 0;
    }
    .banner .image {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .banner .image .img_general,
    .banner .image .txt_general {
        width: 800px;
    }
    .banner .image:hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner p:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        width: 100%;
        text-align: left;
        padding: 30px 0 0 0;
    }
    .banner p:nth-child(2) {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
        text-align: left;
    }
    .banner .btn {
        border-radius: 6px;
        width: 60%;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: auto;
    }
    .banner .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .banner div {
        position: absolute;
        top: -150px;
        left: -150px;
        z-index: 0;
        animation: myfirst 10s ease-in-out infinite;
        transform-origin: 50% 50%;
        width: 500px;
        height: 500px;
    }
    /* TERMINA SECCIÓN BANNER */
    /*  ESTILOS FILTROS QUE ES EL HIPO*/
    .texto-buscador {
        display: none;
    }
    .tablink img {
        height: 9px;
        padding: 0 6px;
    }
    .button-section.mobile {
        border-radius: 15px;
        margin: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .button-section.items-mobile {
        border-radius: 0;
        max-width: 96%;
        margin: 0 auto;
    }
    .button-section.mobile span.line-more {
        font-family: "Gotham-Bold";
        font-size: 1.30vw;
        text-align: left;
        color: #5704E8;
    }
    .button-section.mobile.active span.line-more,
    .button-section.mobile:hover span.line-more {
        color: #FFFFFF;
    }
    .filter-deskt {
        display: none;
    }
    .button-section.mobile span.line-more {
        font-size: 23px;
    }
    .filter-drops {
        display: flex;
        margin: 10% 0 0 0;
    }
    .text-fil-search {
        display: none;
    }
    .listas-desc,
    .etiquetas-desk {
        display: none;
    }
    .caja-etiquetas {
        margin: 0 0 8% 0;
    }
    .panel-group .mobile {
        display: flex;
        max-width: 96%;
        margin: 0 auto;
    }
    .tablink {
        font-family: "Gotham-Medium";
        font-size: 28px;
        height: 61px;
        border-radius: 5px;
        color: #000000;
        border-color: #d7d7d7;
        background-color: #ffffff;
        padding: 0 22px;
        margin: 0px 12px 27px 9px;
    }
    .tablink:hover {
        color: #000000;
        border-color: #5700E6;
        background-color: #EBEBFF;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 22px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    /* TERMINA ESTILOS FILTROS QUE ES EL HIPO*/
    /* INICIA SECCIÓN MODAL */
    .modal .close {
        right: 0;
        top: 0;
    }
    .modal .modal-content {
        border-radius: 15px;
        width: 100%;
    }
    .modal .modal-content img {
        width: auto;
    }
    .modal .modal-content .cierre {
        width: 32px;
    }
    .modal .modal-header {
        width: 100%;
        height: 156px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .modal .modal-header p {
        font-size: 34px;
    }
    .modal .modal-body p {
        font-size: 24px;
        margin: 20px auto;
    }
    .modal .modal-body button {
        border-radius: 5px;
        width: 232px;
        height: 62px;
        font-size: 22px;
        margin: 25px auto;
    }
    /* TERMINA SECCIÓN MODAL */
    /* INICIA SECCIÓN AVISO */
    .aviso h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 40px auto;
    }
    .aviso .contenedor-texto-aviso {
        font-size: 16px;
        line-height: 22px;
        height: 100vh;
    }
    .aviso .contenedor-texto-aviso table td {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
    .aviso ::-webkit-scrollbar {
        width: 4px;
    }
    .aviso ::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }
    /* TERMINA SECCIÓN AVISO */
    /* INICIA SECCIÓN 404 */
    #site-content-404 h3 {
        font-size: 45px;
        line-height: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    #site-content-404 h3 span {
        border-bottom: 2px solid #FC3799;
    }
    #site-content-404 .text-error {
        font-size: 20px;
        line-height: 40px;
        width: 100%;
    }
    #site-content-404 .text-404 {
        font-size: 120px;
        line-height: 90px;
        width: 100%;
        margin: 0 auto;
    }
    #site-content-404 .text-comp {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
        margin: 40px 0;
    }
    #site-content-404 .line-hr {
        border: 2px solid #721CFF;
        max-width: 100%;
    }
    #site-content-404 .btn {
        border-radius: 2px;
        width: 220px;
        height: 70px;
        color: #5700E6;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto 40px auto;
    }
    #site-content-404 .btn img {
        width: 50px;
        margin: 0 0 0 20px;
    }
    /* TERMINA SECCIÓN 404 */
    /* INICIA SECCIÓN COMUNIDAD */
    .comunidad .textTipe {
        font-size: 26px;
        line-height: 26px;
        margin: 20px 0;
    }
    .comunidad .textTitle {
        font-size: 34px;
        line-height: 38px;
        margin: 20px 0;
    }
    .comunidad .textDescription {
        font-size: 26px;
        line-height: 30px;
        margin: 20px 0;
    }
    .comunidad .contenido {
        width: 10%;
        margin: 50px auto;
    }
    .comunidad p.color-intro-sub-section {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 20px 0;
    }
    .comunidad p.text-intro-search-sub-section {
        font-size: 34px;
        line-height: 38px;
        margin: 0 0 20px 0;
    }
    .comunidad section.container-btn-tabs {
        width: 380px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        border-radius: 15px;
        padding: 10px;
        margin: 0 auto;
    }
    .comunidad button.tab-button {
        min-width: 170px;
        height: 50px;
        color: #25262A;
        font-size: 26px;
        line-height: 36px;
        border-radius: 5px;
    }
    .comunidad .card {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        max-width: 500px;
        margin: 0 0 50px 0;
    }
    .comunidad .card img {
        width: 500px;
        height: auto;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .comunidad .text-post-read {
        min-height: auto;
    }
    .comunidad .alert-warning {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .comunidad .pagination {
        height: 60px;
        margin: 0;
    }
    .comunidad .page-item {
        height: 58px;
    }
    .comunidad .page-link {
        font-size: 26px;
        line-height: 36px;
        border: 1px solid #FFFFFF;
        height: 42px;
        width: 42px;
    }
    /* TERMINA SECCIÓN COMUNIDAD */
    /* INICIA SECCIÓN COMPARTIR REDES */
    .social-container {
        font-size: 28px;
        line-height: 30px;
        padding: 0 0 30px 0;
    }
    .social-container .social {
        border-radius: 48px;
        width: 300px;
        height: 50px;
    }
    .social-container .social-toggle::before {
        height: 40px;
        width: 40px;
        margin: 0 10px;
    }
    .social-container .social-drop {
        height: 50px;
        width: 300px;
        top: 0;
        left: 40px;
        border-radius: 30px;
    }
    .social-container .social-red::after {
        height: 40px;
        width: 40px;
    }
    /* TERMINA SECCIÓN COMPARTIR REDES */
    /* INICIA SECCIÓN ARTICULOS  */
    .post-referencias h3::before {
        height: 24px;
        width: 24px;
        margin: 0 5px 0 0;
    }
    .articulos-comunidad #dos-columnas-related .text-post-read {
        min-height: 100% !important;
    }
    /* TERMINA SECCIÓN ARTICULOS */
}

@media (max-width: 559px) {
    .read-more-link a {
        font-size: 18px;
        line-height: 22px;
    }
    .read-more-link a::after {
        width: 24px;
        height: 24px;
        margin-left: 10px;
    }
    .content-pages-wp .pleca-fondo {
        margin: 0;
        padding: 0;
    }
    .pleca-fondo h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 30px;
    }
    /* filtros */
    .filtros {
        margin: 0;
        padding: 0;
    }
    .filtros .botonsubmit {
        border-radius: 6px;
        width: 300px;
        height: 72px;
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 40px auto;
    }
    .filtros .botonsubmit img {
        width: 28px;
        margin: 0 0 0 20px;
    }
    .texto-buscador {
        font-size: 22px;
        line-height: 18px;
        text-align: center;
        padding: 15px 0 15px 0;
        margin: 0;
    }
    .content-inputs {
        justify-content: flex-start;
    }
    #tem_key {
        width: 60%;
        height: 55px;
        padding-left: 15px;
        margin-left: 16px;
    }
    .boton-buscador-paginas {
        width: 30%;
        height: 55px;
        font-size: 19px;
        border-radius: 6px;
    }
    /* primer filtro */
    ul.filtro-busqueda {
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .filtro-busqueda li:first-child p {
        font-size: 20px;
        line-height: 23px;
    }
    .list-group-item:first-child,
    .list-group-item {
        font-size: 17px;
        line-height: 23px;
    }
    /* estilos etiquetas */
    .caja-etiquetas {
        min-height: 100%;
        padding-top: 8%;
        padding-bottom: 8%;
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .etiqueta {
        border: 1px solid #5704E8;
        border-radius: 7px;
        max-width: 29%;
        min-height: 37px;
        margin: 2% 1%;
        text-align: center;
        font-family: Gotham-Medium;
        font-size: 10px;
    }
    /* articulos */
    .content-pages-wp .card {
        max-width: 100%;
        margin: 12% 0 0 0;
        padding: 0;
        max-height: 100%;
        border-radius: 4px;
        border: none;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .content-pages-wp .card .slider-home-title-post {
        font-size: 15px;
        line-height: 25px;
    }
    .content-pages-wp .card .text-post-read {
        font-size: 11px;
        line-height: 23px;
    }
    .content-pages-wp .card .articulos-search-page {
        width: 100%;
        height: 55%;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .content-pages-wp .card .category-term {
        font-size: 16px;
        line-height: 26px;
    }
    /* paginacion */
    #pagination-articles ul.pagination {
        margin: 0;
        padding: 0;
    }
    #pagination-articles {
        margin: 7% 0 9% 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .page-link {
        padding: 0.5rem 0.55rem;
        line-height: 1.33;
        margin-left: 2px;
    }
    /* Estilos que es el hipotiroidismo pagina */
    #listado-articulos h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .button-section {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin: 20px 0 20px 0;
        background-color: #FFFFFF;
        padding: 0 20px;
    }
    .icon-text-category {
        width: 45px;
        height: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .button-section span.line-more {
        font-family: "Gotham-Bold";
        font-size: 25px;
        text-align: left;
        color: #5704E8;
    }
    .content-pages-wp .type-art {
        border-radius: 15px;
        width: 100px;
        height: 25px;
        right: 5%;
        top: 5%;
        font-size: 14px;
        line-height: 14px;
    }
    .content-pages-wp .type-art-two {
        width: 44px;
        height: 44px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* Termina Estilos que es el hipotiroidismo pagina */
    /* INICIA SECCIÓN GENERAL */
    .navbar {
        width: 100%;
    }
    #breadcrumbs {
        font-family: 'Gotham-Medium';
        color: #3C4349;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin: 0;
        padding: 15px 0 15px 0;
    }
    #breadcrumbs a {
        text-decoration: underline;
        color: #3C4349;
    }
    #breadcrumbs a:hover {
        text-decoration: underline;
        color: #3C4349;
    }
    .next-buttons {
        display: block;
    }
    .next-buttons .descargar {
        margin: 15px auto !important;
    }
    /* TERMINA SECCIÓN GENERAL */
    /* INICIA SECCIÓN HEADER */
    header .contenido {
        padding: 0;
        margin-left: auto;
    }
    header .contenido .search {
        position: relative;
        width: 50px;
        height: 50px;
        border-right: 0;
        border-left: 0;
        margin-right: 10px;
    }
    header .contenido input {
        top: 115px;
        right: 0;
        bottom: 0;
        left: auto;
        letter-spacing: 1px;
        height: 60px;
        width: 360px;
        font-size: 15px;
        padding: 0 0 0 20px;
    }
    header .contenido input::placeholder {
        color: #000000;
        opacity: 0.5;
    }
    header .contenido::-webkit-input-placeholder {
        color: #000000;
        font-size: 15px;
    }
    header .contenido:-ms-input-placeholder {
        font-size: 15px;
    }
    header .contenido::placeholder {
        font-size: 15px;
    }
    header img {
        width: 38px;
    }
    header .contenido img {
        width: 30px;
    }
    /* TERMINA SECCIÓN HEADER */
    /* INICIA SECCIÓN MENÚ */
    nav {
        font-size: 16px;
        color: #5701e6;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }
    nav img {
        width: 100px;
    }
    nav .nav a {
        color: #5701e6;
        border-bottom: 1px solid transparent;
    }
    nav .nav a:hover {
        color: #5704E8;
        border-bottom: none;
    }
    nav .nav li {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        padding: 0 10px 0 10px;
        margin: 5px 0 5px 0;
    }
    nav .nav .dropdown-toggle::after {
        display: none;
    }
    nav .nav .dropdown-menu {
        font-size: 14px;
        border: 0;
        display: block;
    }
    nav .nav .dropdown-menu li {
        box-shadow: none;
    }
    nav .nav .dropdown-menu li a {
        color: #000000;
    }
    nav .navbar-toggler span {
        display: flex;
        align-items: center;
    }
    #bs-example-navbar-collapse-1 p {
        display: block;
        font-size: 30px;
    }
    /* TERMINA SECCIÓN MENÚ */
    /* INICIA SECCIÓN FOOTER */
    footer #menu-menu-footer {
        display: block;
        font-size: 18px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        padding: 15px 0 15px 15px;
    }
    footer #menu-menu-footer .sub-menu {
        padding: 0;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
    }
    footer #menu-menu-footer a {
        border-bottom: 1px solid #ffffff;
        line-height: 30px;
    }
    footer .icn_fb {
        position: absolute;
        top: 85%;
        right: 5%;
        height: 38px;
    }
    /* TERMINA SECCIÓN FOOTER */
    /* INICIA SECCIÓN QUIZZ */
    .quizz {
        padding: 0 0 50px 0;
    }
    .quizz .text1 {
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 10px 0;
    }
    .quizz .text2 {
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0;
    }
    .quizz .text2 span {
        border-bottom: 3px solid #FC3799;
    }
    .quizz .text3 {
        font-size: 16px;
        line-height: 16px;
        width: auto;
        padding: 20px 0 0 0;
    }
    .quizz .text4 {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .quizz .text-new-e {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .eleonor-solo-desktop {
        position: relative;
        display: none;
    }
    .quizz .text4 span {
        font-size: 18px;
    }
    .quizz .item-edad {
        width: 120px !important;
        height: 60px;
        margin: 0 0 50px 0;
    }
    .quizz .divs div .row {
        padding: 25px 0 25px 0;
    }
    .quizz .myProgress {
        width: 100%;
        border-radius: 50px;
        margin: 20px 0 20px 0;
    }
    .quizz .myBar {
        width: 10%;
        height: 10px;
        line-height: 30px;
        border-radius: 50px;
    }
    .quizz .mariposa {
        display: none;
    }
    .quizz .switch-container {
        width: 200px;
        height: 100px;
        border: 1.3px solid #E8E8E8;
        border-radius: 50px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: 0 0 50px 0;
    }
    .quizz .switch-container .switch-button {
        width: 190px;
        height: 90px;
    }
    .quizz .switch-container .switch-button-case {
        width: 48%;
        height: 100%;
        font-size: 16px;
        line-height: 16px;
    }
    .quizz #next {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
    }
    .quizz #next .sig_test {
        height: 35px;
        width: 35px;
    }
    .quizz #prev {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
        padding: 0 10px 0 0;
    }
    .quizz #prev .sig_test {
        height: 35px;
        width: 35px;
        margin: 0 6px 0 0;
    }
    .quizz #repetir {
        position: relative;
        font-size: 20px;
        left: 0;
        top: 0;
    }
    .quizz #repetir .iconnavigationarrow {
        height: 35px;
        width: 35px;
    }
    .quizz .btn {
        border-radius: 6px;
        width: 240px;
        height: 70px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 50px 0;
    }
    .quizz .btn img {
        width: 40px;
        margin: 0 0 0 15px;
    }
    /* TERMINA SECCIÓN QUIZZ */
    /* INICIA SECCIÓN VIDEOS */
    .videos {
        height: auto;
        padding: 50px 0 50px 0;
    }
    .videos .tab {
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 264px;
        height: 688px;
        margin: 0 auto;
        overflow: auto;
    }
    .videos .tab button {
        background-color: #FFFFFF;
        display: block;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
    }
    .videos .tab button img {
        display: none;
    }
    .videos .tab .embed-responsive {
        display: block;
    }
    .videos .tab button p {
        font-family: 'HindSiliguri-SemiBold';
        color: #3C4349;
        font-size: 16px;
        text-align: left;
        margin: 0;
    }
    .videos .quit {
        display: none;
    }
    /* TERMINA SECCIÓN VIDEOS */
    /* INICIA SECCIÓN BUSQUEDA */
    .busqueda header {
        height: 114px;
    }
    .busqueda header p {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .busqueda header span {
        color: #8416AE;
    }
    .busqueda .row {
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-title {
        font-size: 22px;
        line-height: 22px;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-excerpt p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .btn {
        border-radius: 6px;
        width: 200px;
        height: 59px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .busqueda .btn img {
        width: 25px;
        margin: 0 0 0 15px;
    }
    .busqueda .pagination h2 {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links span {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    /* TERMINA SECCIÓN BUSQUEDA */
    /* INICIA SECCIÓN INFOGRAFIA */
    .infografia {
        margin: 30px 0 30px 0;
    }
    .infografia img.desktop {
        display: none;
    }
    .infografia img.mobile {
        display: block;
    }
    .infografia .row:nth-child(1) img {
        width: 320px;
        padding: 0;
    }
    .infografia .row:nth-child(2) {
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) img {
        width: 320px;
        margin: auto;
    }
    .infografia .row:nth-child(2) p {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) p img {
        width: 20px;
        margin: 0;
    }
    .infografia .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    .infografia .owl-theme .owl-dots .owl-dot.active span,
    .infografia .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    /* TERMINA SECCIÓN INFOGRAFIA */
    /* INICIA SECCIÓN ENCUENTRA */
    .encuentra {
        margin: 30px 0 30px 0;
    }
    .encuentra p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .encuentra p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .encuentra .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .encuentra .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .encuentra .img_medico {
        width: 320px;
        padding: 0;
        margin: 20px auto;
    }
    /* TERMINA SECCIÓN ENCUENTRA */
    /* INICIA SECCIÓN DESCUBRE */
    .descubre {
        margin: 30px 0 30px 0;
    }
    .descubre p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .descubre p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .descubre .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .descubre .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .descubre .img_medico {
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
    /* TERMINA SECCIÓN DESCUBRE */
    /* SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    .content-pages-wp .pleca-fondo {
        background: url(img/bg_interna_m.png);
        min-height: 150px;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pleca-fondo p,
    .pleca-fondo div {
        font-size: 16px;
        line-height: 16px;
    }
    .box-caja {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        min-height: 240px;
        padding: 3% 2%;
    }
    .box-caja img {
        padding-top: 10px;
    }
    h4.texto-hipo-cuadrado {
        font-size: 26px;
        line-height: 26px;
        padding: 15px 0;
        margin: 0;
    }
    .texto-hipo-cuadrado p {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .page-hipotiroidismo-row {
        padding-bottom: 20px;
    }
    .card-titulo-categoria {
        font-size: 26px;
        line-height: 26px;
        padding: 20px 0;
        min-height: 125px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .boton-cat {
        border-radius: 6px;
        height: 58px;
        margin: 10px auto;
        font-size: 24px;
        line-height: 28px;
        width: 80%;
    }
    .boton-cat img {
        height: 10px;
    }
    .intro-categories {
        font-size: 20px;
        line-height: 26px;
    }
    .into-categorias {
        padding: 15px 0;
    }
    #el-impacto-main-page .categorias-iconos .card {
        min-height: auto;
        border: none;
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: auto;
    }
    .categorias-iconos .col-12 {
        padding: 15px 0 15px 0;
    }
    .categorias-iconos .btn span {
        background-color: #FFFFFF;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    /* TERMINA SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    .articulos {
        font-family: 'Gotham-Bold';
    }
    .articulos h1 {
        color: #000000;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos h1 img {
        width: 17px;
        position: absolute;
        left: -120px;
        top: 8px;
        padding: 0;
    }
    .articulos .editor-content-custom h2 {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .has-inline-color {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom p,
    .articulos .editor-content-custom-descarga p,
    .articulos .editor-content-custom td {
        font-family: 'Gotham-Book';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom li,
    .articulos .editor-content-custom-descarga li {
        font-family: 'Gotham-Medium';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 20px 0;
        margin: 0;
    }
    .articulos .wp-block-separator {
        border: 1px solid #DEDEDE;
        margin: 0 0 25px 0;
    }
    .articulos .embed-responsive {
        margin: 0 0 25px 0;
    }
    .articulos .post-referencias h3 {
        color: #25262A;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .post-referencias h3 img {
        width: 34px;
        padding: 0;
    }
    .articulos .post-referencias p,
    .articulos .post-referencias li {
        font-family: 'Gotham-Book';
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0;
    }
    .articulos .post-referencias a {
        color: #5700E6;
    }
    .articulos .download img {
        width: 434px;
        margin: 0 auto 25px auto;
    }
    .articulos .download p {
        font-size: 16px;
    }
    .articulos .btn {
        font-family: 'Gotham-Medium';
        border-radius: 5px;
        width: 200px;
        height: 58px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin: 15px auto;
    }
    .articulos .visualizar {
        background-color: #25262A;
    }
    .articulos .descargar {
        background-color: #FF4E4D;
    }
    .articulos .btn img {
        width: 28px;
        margin: 0 0 0 20px;
        padding: 0;
    }
    .articulos img {
        width: 930px;
        padding: 0 0 25px 0;
        height: auto;
    }
    .articulos .text-rel {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .titulo-bloque-hipotiroidismo-dos img {
        width: 18px;
        margin: 0 0 0 5px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .content-slider-home {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .center {
        padding: 15px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .slider-home-title-post {
        font-size: 20px;
        line-height: 20px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .text-post-read {
        font-size: 16px;
        line-height: 16px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link {
        font-size: 16px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link .icon {
        width: 20px;
        height: 20px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .card {
        box-shadow: 15px 25px 54px 0 rgba(52, 86, 95, 0.07);
        border-radius: 15px;
        min-height: auto;
        height: auto;
        margin: auto;
    }
    .articulos .carrusel-related-art #dos-columnas-related.owl-carousel.owl-drag .owl-item {
        padding: 0;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot.active span,
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    /* INICIA SECCIÓN GRUPOS */
    .grupos {
        width: 100%;
        margin: 200px auto 30px auto;
    }
    .grupos .chica {
        position: absolute;
        width: 320px;
        right: 0;
        left: 0;
        bottom: 220px;
    }
    .grupos .cuadro {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 400px;
        margin: auto;
    }
    .grupos .cuadro .text1 {
        font-size: 26px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 180px 0 20px 0;
    }
    .grupos .cuadro .text2 {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0 0 20px 0;
    }
    .grupos .cuadro .btn {
        border-radius: 5px;
        width: 268px;
        height: 68px;
        font-size: 24px;
        line-height: 30px;
        margin: auto;
    }
    .grupos .video .text1 {
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .text2 {
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        margin: 0;
        display: block;
    }
    .grupos .video .text3 {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .d-flex .text-flex-one {
        font-size: 20px;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }
    .grupos .video a {
        position: relative;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        display: block;
        text-decoration: underline;
        margin: 10px auto;
    }
    .grupos .video .conoce {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .grupos .video img {
        width: 15px;
        margin: 0 0 0 5px;
    }
    .grupos .video video {
        border-radius: 15px;
    }
    /* TERMINA SECCIÓN GRUPOS */
    /* INICIA SECCIÓN BANNER */
    .banner {
        margin: 0 0 50px 0;
    }
    .banner .image {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .banner .image .img_general,
    .banner .image .txt_general {
        width: 800px;
    }
    .banner .image:hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner p:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        width: 100%;
        text-align: left;
        padding: 30px 0 0 0;
    }
    .banner p:nth-child(2) {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
        text-align: left;
    }
    .banner .btn {
        border-radius: 6px;
        width: 60%;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: auto;
    }
    .banner .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .banner div {
        position: absolute;
        top: -50px;
        left: -100px;
        z-index: 0;
        animation: myfirst 10s ease-in-out infinite;
        transform-origin: 50% 50%;
        width: 500px;
        height: 500px;
    }
    /* TERMINA SECCIÓN BANNER */
    /* INICIA SECCIÓN BUSCO */
    .busco .d-flex:nth-child(1) a {
        font-size: 24px;
        line-height: 34px;
        margin: 0 0 15px 0;
        border-bottom: 2px solid transparent;
    }
    .busco .d-flex:nth-child(1) a.active {
        border-bottom: 2px solid #5704E8;
    }
    .busco .d-flex:nth-child(2) p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
    }
    .busco .d-flex:nth-child(3) label {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }
    .busco .d-flex:nth-child(3) .btn {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        margin-bottom: 20px
    }
    .busco .d-flex:nth-child(3) a {
        font-size: 18px;
        line-height: 28px;
    }
    .busco .d-flex:nth-child(3) a::before {
        height: 24px;
        width: 24px;
        margin: 0 10px 0 0;
    }
    .busco .container-tab {
        background-color: transparent;
        box-shadow: none;
        width: 100%;
        height: 1220px;
        margin: 0;
    }
    .busco .doctor {
        background-color: #FFFFFF;
        border-bottom: none;
        padding: 15px;
        margin: 0 0 30px 0;
        min-height: 348px;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .busco .doctor p:nth-child(1) {
        display: none;
    }
    .busco .doctor .titleText {
        color: #25262A;
        font-size: 22px;
        line-height: 32px;
        margin: 10px 0;
    }
    .busco .doctor .generalText {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }
    .busco .text-results {
        color: #666666;
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }
    .busco .btn-map {
        display: flex !important;
        font-family: "Gotham-Bold";
        color: #FFFFFF;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        width: 186px;
        height: 60px;
        background: #5700E6;
        border-radius: 5px;
        margin: 20px 0 10px 0;
    }
    .busco .btn-map::after {
        content: "";
        background-image: url('img/assets_purple.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        height: 24px;
        width: 24px;
        display: block;
        margin: 0 0 0 10px;
    }
    .busco .quit-btn::after {
        background-image: url('img/assets_gray.svg');
    }
    .busco .map {
        display: none;
    }
    .busco .pagination {
        height: 60px;
        margin: 0;
    }
    .busco .page-item {
        height: 48px;
    }
    .busco .page-link {
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        height: 32px;
        width: 32px;
    }
    .busco .selectState {
        height: 50px;
    }
    .busco .selectState:after {
        height: 24px;
        width: 24px;
    }
    .busco select {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        height: inherit;
        border: 1px solid #DDDDDD;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .busco .form-control:focus {
        border: 1px solid #DDDDDD;
    }
    .busco .ubicar-map {
        display: none;
    }
    .busco .phoneText a::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 5px 0;
    }
    .busco .phoneText span {
        max-width: 200px;
    }
    .busco .textUbication a::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 0 0;
    }
    .busco .textUbication span {
        max-width: 200px;
    }
    .busco .textHospital::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 0 0;
    }
    .busco .textHospital span {
        max-width: 200px;
    }
    .busco .btn-eleonor div {
        font-size: 18px;
        border-radius: 5px;
        max-width: 186px;
        width: auto;
        height: 60px;
        margin: 20px 0 0 0;
    }
    .busco .btn-eleonor div span {
        width: 140px;
    }
    .busco .btn-eleonor div::after {
        height: 24px;
        width: 24px;
        margin: 0;
    }
    .busco .empty-rows-text-one {
        font-size: 16px;
        line-height: 26px;
        margin: 0;
    }
    .busco .empty-rows-text-two {
        font-size: 24px;
        line-height: 34px;
        margin: 0;
    }
    .busco .card-doctor-empty {
        background-color: #ffffff;
        height: 320px!important;
    }
    .busco .gray-border {
        border: 0.5px solid #DDDDDD;
    }
    /* TERMINA SECCIÓN BUSCO */
    /*  ESTILOS FILTROS QUE ES EL HIPO*/
    .texto-buscador {
        display: none;
    }
    .tablink img {
        height: 9px;
        padding: 0 6px;
    }
    .button-section.mobile {
        border-radius: 15px;
        margin: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .button-section.items-mobile {
        border-radius: 0;
        max-width: 96%;
        margin: 0 auto;
    }
    .button-section.mobile span.line-more {
        font-family: "Gotham-Bold";
        font-size: 1.30vw;
        text-align: left;
        color: #5704E8;
    }
    .button-section.mobile.active span.line-more,
    .button-section.mobile:hover span.line-more {
        color: #FFFFFF;
    }
    .filter-deskt {
        display: none;
    }
    .button-section.mobile span.line-more {
        font-size: 25px;
    }
    .filter-drops {
        display: flex;
        margin: 10% 0 0 0;
    }
    .text-fil-search {
        display: none;
    }
    .listas-desc,
    .etiquetas-desk {
        display: none;
    }
    .caja-etiquetas {
        margin: 0 0 8% 0;
    }
    .panel-group .mobile {
        display: flex;
        max-width: 96%;
        margin: 0 auto;
    }
    .tablink {
        font-family: "Gotham-Medium";
        font-size: 18px;
        height: 47px;
        border-radius: 5px;
        color: #000000;
        border-color: #d7d7d7;
        background-color: #ffffff;
        padding: 0 22px;
        margin: 0px 12px 27px 9px;
    }
    .tablink:hover {
        color: #000000;
        border-color: #5700E6;
        background-color: #EBEBFF;
    }
    .button-section .titulo-categoria-pagina {
        font-size: 19px;
    }
    /* TERMINA ESTILOS FILTROS QUE ES EL HIPO*/
    /* INICIA SECCIÓN MODAL */
    .modal .close {
        right: 0;
        top: 0;
    }
    .modal .modal-content {
        border-radius: 15px;
        width: 100%;
    }
    .modal .modal-content img {
        width: auto;
    }
    .modal .modal-content .cierre {
        width: 32px;
    }
    .modal .modal-header {
        width: 100%;
        height: 156px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .modal .modal-header p {
        font-size: 34px;
    }
    .modal .modal-body p {
        font-size: 24px;
        margin: 20px auto;
    }
    .modal .modal-body button {
        border-radius: 5px;
        width: 232px;
        height: 62px;
        font-size: 22px;
        margin: 25px auto;
    }
    /* TERMINA SECCIÓN MODAL */
    /* INICIA SECCIÓN AVISO */
    .aviso h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 40px auto;
    }
    .aviso .contenedor-texto-aviso {
        font-size: 16px;
        line-height: 22px;
        height: 100vh;
    }
    .aviso .contenedor-texto-aviso table td {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
    .aviso ::-webkit-scrollbar {
        width: 4px;
    }
    .aviso ::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }
    /* TERMINA SECCIÓN AVISO */
    /* INICIA SECCIÓN 404 */
    #site-content-404 h3 {
        font-size: 45px;
        line-height: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    #site-content-404 h3 span {
        border-bottom: 2px solid #FC3799;
    }
    #site-content-404 .text-error {
        font-size: 20px;
        line-height: 40px;
        width: 100%;
    }
    #site-content-404 .text-404 {
        font-size: 120px;
        line-height: 90px;
        width: 100%;
        margin: 0 auto;
    }
    #site-content-404 .text-comp {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
        margin: 40px 0;
    }
    #site-content-404 .line-hr {
        border: 2px solid #721CFF;
        max-width: 100%;
    }
    #site-content-404 .btn {
        border-radius: 2px;
        width: 220px;
        height: 70px;
        color: #5700E6;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto 40px auto;
    }
    #site-content-404 .btn img {
        width: 50px;
        margin: 0 0 0 20px;
    }
    /* TERMINA SECCIÓN 404 */
    /* INICIA SECCIÓN COMUNIDAD */
    .comunidad .textTipe {
        font-size: 16px;
        line-height: 16px;
        margin: 20px 0;
    }
    .comunidad .textTitle {
        font-size: 24px;
        line-height: 28px;
        margin: 20px 0;
    }
    .comunidad .textDescription {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0;
    }
    .comunidad .contenido {
        width: 10%;
        margin: 50px auto;
    }
    .comunidad p.color-intro-sub-section {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 20px 0;
    }
    .comunidad p.text-intro-search-sub-section {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 20px 0;
    }
    .comunidad section.container-btn-tabs {
        width: 280px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        border-radius: 15px;
        padding: 10px;
        margin: 0 auto;
    }
    .comunidad button.tab-button {
        min-width: 170px;
        height: 50px;
        color: #25262A;
        font-size: 16px;
        line-height: 26px;
        border-radius: 5px;
    }
    .comunidad .card {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        max-width: 400px;
        margin: 0 0 50px 0;
    }
    .comunidad .card img {
        width: 400px;
        height: auto;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .comunidad .text-post-read {
        min-height: auto;
    }
    .comunidad .alert-warning {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .comunidad .pagination {
        height: 60px;
        margin: 0;
    }
    .comunidad .page-item {
        height: 48px;
    }
    .comunidad .page-link {
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        height: 32px;
        width: 32px;
    }
    /* TERMINA SECCIÓN COMUNIDAD */
    /* INICIA SECCIÓN COMPARTIR REDES */
    .social-container {
        font-size: 18px;
        line-height: 20px;
        padding: 0 0 30px 0;
    }
    .social-container .social {
        border-radius: 48px;
        width: 200px;
        height: 50px;
    }
    .social-container .social-toggle::before {
        height: 30px;
        width: 30px;
        margin: 0 10px;
    }
    .social-container .social-drop {
        height: 50px;
        width: 200px;
        top: 0;
        left: 40px;
        border-radius: 30px;
    }
    .social-container .social-red::after {
        height: 30px;
        width: 30px;
    }
    /* TERMINA SECCIÓN COMPARTIR REDES */
    /* INICIA SECCIÓN ARTICULOS  */
    .post-referencias h3::before {
        height: 24px;
        width: 24px;
        margin: 0 5px 0 0;
    }
    .articulos-comunidad #dos-columnas-related .text-post-read {
        min-height: 100% !important;
    }
    /* TERMINA SECCIÓN ARTICULOS */
    .modal-dialog .close {
        right: 0!important;
        top: -40px!important;
        width: 100%!important;
        height: 36px!important;
        margin: 0!important;
    }
    .modal-dialog .close img {
        width: 36px!important;
    }
}

@media (max-width: 425px) {
    .content-pages-wp .pleca-fondo {
        margin: 0;
        padding: 0;
    }
    .pleca-fondo h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 30px;
    }
    /* filtros */
    .filtros {
        margin: 0;
        padding: 0;
    }
    .filtros .botonsubmit {
        border-radius: 6px;
        width: 300px;
        height: 72px;
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 40px auto;
    }
    .filtros .botonsubmit img {
        width: 28px;
        margin: 0 0 0 20px;
    }
    .texto-buscador {
        font-size: 22px;
        line-height: 18px;
        text-align: center;
        padding: 15px 0 15px 0;
        margin: 0;
    }
    .content-inputs {
        justify-content: flex-start;
    }
    #tem_key {
        width: 60%;
        height: 55px;
        padding-left: 15px;
        margin-left: 16px;
    }
    .boton-buscador-paginas {
        width: 30%;
        height: 55px;
        font-size: 19px;
        border-radius: 6px;
    }
    /* primer filtro */
    ul.filtro-busqueda {
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .filtro-busqueda li:first-child p {
        font-size: 20px;
        line-height: 23px;
    }
    .list-group-item:first-child,
    .list-group-item {
        font-size: 17px;
        line-height: 23px;
    }
    /* estilos etiquetas */
    .caja-etiquetas {
        min-height: 100%;
        padding-top: 8%;
        padding-bottom: 8%;
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .etiqueta {
        border: 1px solid #5704E8;
        border-radius: 7px;
        max-width: 29%;
        min-height: 37px;
        margin: 2% 1%;
        text-align: center;
        font-family: Gotham-Medium;
        font-size: 10px;
    }
    /* articulos */
    .content-pages-wp .card {
        max-width: 100%;
        margin: 12% 0 0 0;
        padding: 0;
        max-height: 100%;
        border-radius: 4px;
        border: none;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .content-pages-wp .card .slider-home-title-post {
        font-size: 15px;
        line-height: 25px;
    }
    .content-pages-wp .card .text-post-read {
        font-size: 11px;
        line-height: 23px;
    }
    .content-pages-wp .card .articulos-search-page {
        width: 100%;
        height: 55%;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    /* paginacion */
    #pagination-articles ul.pagination {
        margin: 0;
        padding: 0;
    }
    #pagination-articles {
        margin: 7% 0 9% 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .page-link {
        padding: 0.3rem 0.25rem;
        line-height: 1.33;
    }
    /* Estilos que es el hipotiroidismo pagina */
    #listado-articulos h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .button-section {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin: 20px 0 20px 0;
        background-color: #FFFFFF;
        padding: 0 20px;
    }
    .icon-text-category {
        width: 45px;
        height: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .button-section span.line-more {
        font-family: "Gotham-Bold";
        font-size: 25px;
        text-align: left;
        color: #5704E8;
    }
    .content-pages-wp .type-art {
        border-radius: 15px;
        width: 100px;
        height: 25px;
        right: 5%;
        top: 5%;
        font-size: 14px;
        line-height: 14px;
    }
    .content-pages-wp .type-art-two {
        width: 44px;
        height: 44px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* Termina Estilos que es el hipotiroidismo pagina */
    /* INICIA SECCIÓN GENERAL */
    .navbar {
        width: 100%;
    }
    #breadcrumbs {
        font-family: 'Gotham-Medium';
        color: #3C4349;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin: 0;
        padding: 15px 0 15px 0;
    }
    #breadcrumbs a {
        text-decoration: underline;
        color: #3C4349;
    }
    #breadcrumbs a:hover {
        text-decoration: underline;
        color: #3C4349;
    }
    .next-buttons {
        display: block;
    }
    .next-buttons .descargar {
        margin: 15px auto !important;
    }
    /* TERMINA SECCIÓN GENERAL */
    /* INICIA SECCIÓN HEADER */
    header .contenido {
        padding: 0;
        margin-left: auto;
    }
    header .contenido .search {
        position: relative;
        width: 50px;
        height: 50px;
        border-right: 0;
        border-left: 0;
        margin-right: 10px;
    }
    header .contenido input {
        top: 115px;
        right: 0;
        bottom: 0;
        left: auto;
        letter-spacing: 1px;
        height: 60px;
        width: 360px;
        font-size: 15px;
        padding: 0 0 0 20px;
    }
    header .contenido input::placeholder {
        color: #000000;
        opacity: 0.5;
    }
    header .contenido::-webkit-input-placeholder {
        color: #000000;
        font-size: 15px;
    }
    header .contenido:-ms-input-placeholder {
        font-size: 15px;
    }
    header .contenido::placeholder {
        font-size: 15px;
    }
    header img {
        width: 38px;
    }
    header .contenido img {
        width: 30px;
    }
    /* TERMINA SECCIÓN HEADER */
    /* INICIA SECCIÓN MENÚ */
    nav {
        font-size: 16px;
        color: #5701e6;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }
    nav img {
        width: 100px;
    }
    nav .nav a {
        color: #5701e6;
        border-bottom: 1px solid transparent;
    }
    nav .nav a:hover {
        color: #5704E8;
        border-bottom: none;
    }
    nav .nav li {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        padding: 0 10px 0 10px;
        margin: 5px 0 5px 0;
    }
    nav .nav .dropdown-toggle::after {
        display: none;
    }
    nav .nav .dropdown-menu {
        font-size: 14px;
        border: 0;
        display: block;
    }
    nav .nav .dropdown-menu li {
        box-shadow: none;
    }
    nav .nav .dropdown-menu li a {
        color: #000000;
    }
    nav .navbar-toggler span {
        display: flex;
        align-items: center;
    }
    #bs-example-navbar-collapse-1 p {
        display: block;
        font-size: 30px;
    }
    /* TERMINA SECCIÓN MENÚ */
    /* INICIA SECCIÓN FOOTER */
    footer #menu-menu-footer {
        display: block;
        font-size: 18px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        padding: 15px 0 15px 15px;
    }
    footer #menu-menu-footer .sub-menu {
        padding: 0;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
    }
    footer #menu-menu-footer a {
        border-bottom: 1px solid #ffffff;
        line-height: 30px;
    }
    footer .icn_fb {
        position: absolute;
        top: 85%;
        right: 5%;
        height: 38px;
    }
    /* TERMINA SECCIÓN FOOTER */
    /* INICIA SECCIÓN QUIZZ */
    .quizz {
        padding: 0 0 50px 0;
        height: auto;
    }
    .quizz .text1 {
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 10px 0;
    }
    .quizz .text2 {
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0;
    }
    .quizz .text2 span {
        border-bottom: 3px solid #FC3799;
    }
    .quizz .text3 {
        font-size: 16px;
        line-height: 16px;
        width: auto;
        padding: 20px 0 0 0;
    }
    .quizz .text4 {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .quizz .text-new-e {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .eleonor-solo-desktop {
        position: relative;
        display: none;
    }
    .quizz .text4 span {
        font-size: 18px;
    }
    .quizz .item-edad {
        width: 120px !important;
        height: 60px;
        margin: 0 0 50px 0;
    }
    .quizz .divs div .row {
        padding: 25px 0 25px 0;
    }
    .quizz .myProgress {
        width: 100%;
        border-radius: 50px;
        margin: 20px 0 20px 0;
    }
    .quizz .myBar {
        width: 10%;
        height: 10px;
        line-height: 30px;
        border-radius: 50px;
    }
    .quizz .mariposa {
        display: none;
    }
    .quizz .switch-container {
        width: 200px;
        height: 100px;
        border: 1.3px solid #E8E8E8;
        border-radius: 50px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: 0 0 50px 0;
    }
    .quizz .switch-container .switch-button {
        width: 190px;
        height: 90px;
    }
    .quizz .switch-container .switch-button-case {
        width: 48%;
        height: 100%;
        font-size: 16px;
        line-height: 16px;
    }
    .quizz #next {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
    }
    .quizz #next .sig_test {
        height: 35px;
        width: 35px;
    }
    .quizz #prev {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
        padding: 0 10px 0 0;
    }
    .quizz #prev .sig_test {
        height: 35px;
        width: 35px;
        margin: 0 6px 0 0;
    }
    .quizz #repetir {
        position: relative;
        font-size: 20px;
        left: 0;
        top: 0;
    }
    .quizz #repetir .iconnavigationarrow {
        height: 35px;
        width: 35px;
    }
    .quizz .btn {
        border-radius: 6px;
        width: 240px;
        height: 70px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 50px 0;
    }
    .quizz .btn img {
        width: 40px;
        margin: 0 0 0 15px;
    }
    /* TERMINA SECCIÓN QUIZZ */
    /* INICIA SECCIÓN VIDEOS */
    .videos {
        height: auto;
        padding: 50px 0 50px 0;
    }
    .videos .tab {
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 264px;
        height: 688px;
        margin: 0 auto;
        overflow: auto;
    }
    .videos .tab button {
        background-color: #FFFFFF;
        display: block;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
    }
    .videos .tab button img {
        display: none;
    }
    .videos .tab .embed-responsive {
        display: block;
    }
    .videos .tab button p {
        font-family: 'HindSiliguri-SemiBold';
        color: #3C4349;
        font-size: 16px;
        text-align: left;
        margin: 0;
    }
    .videos .quit {
        display: none;
    }
    /* TERMINA SECCIÓN VIDEOS */
    /* INICIA SECCIÓN BUSQUEDA */
    .busqueda header {
        height: 114px;
    }
    .busqueda header p {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .busqueda header span {
        color: #8416AE;
    }
    .busqueda .row {
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-title {
        font-size: 22px;
        line-height: 22px;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-excerpt p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .btn {
        border-radius: 6px;
        width: 200px;
        height: 59px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .busqueda .btn img {
        width: 25px;
        margin: 0 0 0 15px;
    }
    .busqueda .pagination h2 {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links span {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    /* TERMINA SECCIÓN BUSQUEDA */
    /* INICIA SECCIÓN INFOGRAFIA */
    .infografia {
        margin: 30px 0 30px 0;
    }
    .infografia img.desktop {
        display: none;
    }
    .infografia img.mobile {
        display: block;
    }
    .infografia .row:nth-child(1) img {
        width: 320px;
        padding: 0;
    }
    .infografia .row:nth-child(2) {
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) img {
        width: 320px;
        margin: auto;
    }
    .infografia .row:nth-child(2) p {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) p img {
        width: 20px;
        margin: 0;
    }
    .infografia .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    .infografia .owl-theme .owl-dots .owl-dot.active span,
    .infografia .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    /* TERMINA SECCIÓN INFOGRAFIA */
    /* INICIA SECCIÓN ENCUENTRA */
    .encuentra {
        margin: 30px 0 30px 0;
    }
    .encuentra p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .encuentra p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .encuentra .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .encuentra .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .encuentra .img_medico {
        width: 320px;
        padding: 0;
        margin: 20px auto;
    }
    /* TERMINA SECCIÓN ENCUENTRA */
    /* INICIA SECCIÓN DESCUBRE */
    .descubre {
        margin: 30px 0 30px 0;
    }
    .descubre p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .descubre p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .descubre .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .descubre .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .descubre .img_medico {
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
    /* TERMINA SECCIÓN DESCUBRE */
    /* SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    .content-pages-wp .pleca-fondo {
        background: url(img/bg_interna_m.png);
        min-height: 150px;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pleca-fondo p,
    .pleca-fondo div {
        font-size: 16px;
        line-height: 16px;
    }
    .box-caja {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        min-height: 240px;
        padding: 3% 2%;
    }
    .box-caja img {
        padding-top: 10px;
    }
    h4.texto-hipo-cuadrado {
        font-size: 26px;
        line-height: 26px;
        padding: 15px 0;
        margin: 0;
    }
    .texto-hipo-cuadrado p {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .page-hipotiroidismo-row {
        padding-bottom: 20px;
    }
    .card-titulo-categoria {
        font-size: 26px;
        line-height: 26px;
        padding: 20px 0;
        min-height: 125px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .boton-cat {
        border-radius: 6px;
        height: 58px;
        margin: 10px auto;
        font-size: 24px;
        line-height: 28px;
        width: 80%;
    }
    .boton-cat img {
        height: 10px;
    }
    .intro-categories {
        font-size: 20px;
        line-height: 26px;
    }
    .into-categorias {
        padding: 15px 0;
    }
    #el-impacto-main-page .categorias-iconos .card {
        min-height: auto;
        border: none;
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: auto;
    }
    .categorias-iconos .col-12 {
        padding: 15px 0 15px 0;
    }
    .categorias-iconos .btn span {
        background-color: #FFFFFF;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    /* TERMINA SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    .articulos {
        font-family: 'Gotham-Bold';
    }
    .articulos h1 {
        color: #000000;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos h1 img {
        width: 17px;
        position: absolute;
        left: -120px;
        top: 8px;
        padding: 0;
    }
    .articulos .editor-content-custom h2 {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .has-inline-color {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom p,
    .articulos .editor-content-custom-descarga p,
    .articulos .editor-content-custom td {
        font-family: 'Gotham-Book';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom li,
    .articulos .editor-content-custom-descarga li {
        font-family: 'Gotham-Medium';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 20px 0;
        margin: 0;
    }
    .articulos .wp-block-separator {
        border: 1px solid #DEDEDE;
        margin: 0 0 25px 0;
    }
    .articulos .embed-responsive {
        margin: 0 0 25px 0;
    }
    .articulos .post-referencias h3 {
        color: #25262A;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .post-referencias h3 img {
        width: 34px;
        padding: 0;
    }
    .articulos .post-referencias p,
    .articulos .post-referencias li {
        font-family: 'Gotham-Book';
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0;
    }
    .articulos .post-referencias a {
        color: #5700E6;
    }
    .articulos .download img {
        width: 434px;
        margin: 0 auto 25px auto;
    }
    .articulos .download p {
        font-size: 16px;
    }
    .articulos .btn {
        font-family: 'Gotham-Medium';
        border-radius: 5px;
        width: 200px;
        height: 58px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin: 15px auto;
    }
    .articulos .visualizar {
        background-color: #25262A;
    }
    .articulos .descargar {
        background-color: #FF4E4D;
    }
    .articulos .btn img {
        width: 28px;
        margin: 0 0 0 20px;
        padding: 0;
    }
    .articulos img {
        width: 930px;
        padding: 0 0 25px 0;
        height: auto;
    }
    .articulos .text-rel {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .titulo-bloque-hipotiroidismo-dos img {
        width: 18px;
        margin: 0 0 0 5px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .content-slider-home {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .center {
        padding: 15px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .slider-home-title-post {
        font-size: 20px;
        line-height: 20px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .text-post-read {
        font-size: 16px;
        line-height: 16px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link {
        font-size: 16px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link .icon {
        width: 20px;
        height: 20px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .card {
        box-shadow: 15px 25px 54px 0 rgba(52, 86, 95, 0.07);
        border-radius: 15px;
        min-height: auto;
        height: auto;
        margin: auto;
    }
    .articulos .carrusel-related-art #dos-columnas-related.owl-carousel.owl-drag .owl-item {
        padding: 0;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot.active span,
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    /* INICIA SECCIÓN GRUPOS */
    .grupos {
        width: 100%;
        margin: 200px auto 30px auto;
    }
    .grupos .chica {
        position: absolute;
        width: 320px;
        right: 0;
        left: 0;
        bottom: 220px;
    }
    .grupos .cuadro {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 400px;
        margin: auto;
    }
    .grupos .cuadro .text1 {
        font-size: 26px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 180px 0 20px 0;
    }
    .grupos .cuadro .text2 {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0 0 20px 0;
    }
    .grupos .cuadro .btn {
        border-radius: 5px;
        width: 268px;
        height: 68px;
        font-size: 24px;
        line-height: 30px;
        margin: auto;
    }
    .grupos .video .text1 {
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .text2 {
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        margin: 0;
        display: block;
    }
    .grupos .video .text3 {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .d-flex .text-flex-one {
        font-size: 20px;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }
    .grupos .video a {
        position: relative;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        display: block;
        text-decoration: underline;
        margin: 10px auto;
    }
    .grupos .video .conoce {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .grupos .video img {
        width: 15px;
        margin: 0 0 0 5px;
    }
    .grupos .video video {
        border-radius: 15px;
    }
    /* TERMINA SECCIÓN GRUPOS */
    /* INICIA SECCIÓN BANNER */
    .banner {
        margin: 0 0 50px 0;
    }
    .banner .image {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .banner .image .img_general,
    .banner .image .txt_general {
        width: 800px;
    }
    .banner .image:hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner p:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        width: 100%;
        text-align: left;
        padding: 30px 0 0 0;
    }
    .banner p:nth-child(2) {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
        text-align: left;
    }
    .banner .btn {
        border-radius: 6px;
        width: 100%;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: auto;
    }
    .banner .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .banner div {
        position: absolute;
        top: -50px;
        left: -100px;
        z-index: 0;
        animation: myfirst 10s ease-in-out infinite;
        transform-origin: 50% 50%;
        width: 500px;
        height: 500px;
    }
    /* TERMINA SECCIÓN BANNER */
    /*  ESTILOS FILTROS QUE ES EL HIPO*/
    .texto-buscador {
        display: none;
    }
    .tablink img {
        height: 9px;
        padding: 0 6px;
    }
    .button-section.mobile {
        border-radius: 15px;
        margin: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .button-section.items-mobile {
        border-radius: 0;
        max-width: 96%;
        margin: 0 auto;
    }
    .button-section.mobile span.line-more {
        font-family: "Gotham-Bold";
        font-size: 1.30vw;
        text-align: left;
        color: #5704E8;
    }
    .button-section.mobile.active span.line-more,
    .button-section.mobile:hover span.line-more {
        color: #FFFFFF;
    }
    .filter-deskt {
        display: none;
    }
    .button-section.mobile span.line-more {
        font-size: 23px;
    }
    .filter-drops {
        display: flex;
        margin: 10% 0 0 0;
    }
    .text-fil-search {
        display: none;
    }
    .listas-desc,
    .etiquetas-desk {
        display: none;
    }
    .caja-etiquetas {
        margin: 0 0 8% 0;
    }
    .panel-group .mobile {
        display: flex;
        max-width: 96%;
        margin: 0 auto;
    }
    .tablink {
        font-family: "Gotham-Medium";
        font-size: 10px;
        height: 41px;
        border-radius: 5px;
        color: #000000;
        border-color: #d7d7d7;
        background-color: #ffffff;
        padding: 0 22px;
        margin: 0px 12px 27px 9px;
    }
    .tablink:hover {
        color: #000000;
        border-color: #5700E6;
        background-color: #EBEBFF;
    }
    .button-section .titulo-categoria-pagina {
        font-size: 14px;
    }
    /* TERMINA ESTILOS FILTROS QUE ES EL HIPO*/
    /* INICIA SECCIÓN MODAL */
    .modal .close {
        right: 0;
        top: 0;
    }
    .modal .modal-content {
        border-radius: 15px;
        width: 100%;
    }
    .modal .modal-content img {
        width: auto;
    }
    .modal .modal-content .cierre {
        width: 32px;
    }
    .modal .modal-header {
        width: 100%;
        height: 156px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .modal .modal-header p {
        font-size: 34px;
    }
    .modal .modal-body p {
        font-size: 24px;
        margin: 20px auto;
    }
    .modal .modal-body button {
        border-radius: 5px;
        width: 232px;
        height: 62px;
        font-size: 22px;
        margin: 25px auto;
    }
    /* TERMINA SECCIÓN MODAL */
    /* INICIA SECCIÓN AVISO */
    .aviso h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 40px auto;
    }
    .aviso .contenedor-texto-aviso {
        font-size: 16px;
        line-height: 22px;
        height: 100vh;
    }
    .aviso .contenedor-texto-aviso table td {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
    .aviso ::-webkit-scrollbar {
        width: 4px;
    }
    .aviso ::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }
    /* TERMINA SECCIÓN AVISO */
    /* INICIA SECCIÓN 404 */
    #site-content-404 h3 {
        font-size: 45px;
        line-height: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    #site-content-404 h3 span {
        border-bottom: 2px solid #FC3799;
    }
    #site-content-404 .text-error {
        font-size: 20px;
        line-height: 40px;
        width: 100%;
    }
    #site-content-404 .text-404 {
        font-size: 120px;
        line-height: 90px;
        width: 100%;
        margin: 0 auto;
    }
    #site-content-404 .text-comp {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
        margin: 40px 0;
    }
    #site-content-404 .line-hr {
        border: 2px solid #721CFF;
        max-width: 100%;
    }
    #site-content-404 .btn {
        border-radius: 2px;
        width: 220px;
        height: 70px;
        color: #5700E6;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto 40px auto;
    }
    #site-content-404 .btn img {
        width: 50px;
        margin: 0 0 0 20px;
    }
    /* TERMINA SECCIÓN 404 */
    /* INICIA SECCIÓN COMUNIDAD */
    .comunidad .textTipe {
        font-size: 16px;
        line-height: 16px;
        margin: 20px 0;
    }
    .comunidad .textTitle {
        font-size: 24px;
        line-height: 28px;
        margin: 20px 0;
    }
    .comunidad .textDescription {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0;
    }
    .comunidad .contenido {
        width: 10%;
        margin: 50px auto;
    }
    .comunidad p.color-intro-sub-section {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 20px 0;
    }
    .comunidad p.text-intro-search-sub-section {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 20px 0;
    }
    .comunidad section.container-btn-tabs {
        width: 280px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        border-radius: 15px;
        padding: 10px;
        margin: 0 auto;
    }
    .comunidad button.tab-button {
        min-width: 170px;
        height: 50px;
        color: #25262A;
        font-size: 16px;
        line-height: 26px;
        border-radius: 5px;
    }
    .comunidad .card {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        max-width: 400px;
        margin: 0 0 50px 0;
    }
    .comunidad .card img {
        width: 400px;
        height: auto;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .comunidad .text-post-read {
        min-height: auto;
    }
    .comunidad .alert-warning {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .comunidad .pagination {
        height: 60px;
        margin: 0;
    }
    .comunidad .page-item {
        height: 48px;
    }
    .comunidad .page-link {
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        height: 32px;
        width: 32px;
    }
    /* TERMINA SECCIÓN COMUNIDAD */
    /* INICIA SECCIÓN COMPARTIR REDES */
    .social-container {
        font-size: 18px;
        line-height: 20px;
        padding: 0 0 30px 0;
    }
    .social-container .social {
        border-radius: 48px;
        width: 200px;
        height: 50px;
    }
    .social-container .social-toggle::before {
        height: 30px;
        width: 30px;
        margin: 0 10px;
    }
    .social-container .social-drop {
        height: 50px;
        width: 200px;
        top: 0;
        left: 40px;
        border-radius: 30px;
    }
    .social-container .social-red::after {
        height: 30px;
        width: 30px;
    }
    /* TERMINA SECCIÓN COMPARTIR REDES */
    /* INICIA SECCIÓN ARTICULOS  */
    .post-referencias h3::before {
        height: 24px;
        width: 24px;
        margin: 0 5px 0 0;
    }
    .articulos-comunidad #dos-columnas-related .text-post-read {
        min-height: 100% !important;
    }
    /* TERMINA SECCIÓN ARTICULOS */
}

@media (max-width: 375px) {
    .content-pages-wp .pleca-fondo {
        margin: 0;
        padding: 0;
    }
    .pleca-fondo h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 30px;
    }
    /* filtros */
    .filtros {
        margin: 0;
        padding: 0;
    }
    .filtros .botonsubmit {
        border-radius: 6px;
        width: 300px;
        height: 72px;
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 40px auto;
    }
    .filtros .botonsubmit img {
        width: 28px;
        margin: 0 0 0 20px;
    }
    .texto-buscador {
        font-size: 22px;
        line-height: 18px;
        text-align: center;
        padding: 15px 0 15px 0;
        margin: 0;
    }
    .content-inputs {
        justify-content: flex-start;
    }
    #tem_key {
        width: 60%;
        height: 55px;
        padding-left: 15px;
        margin-left: 16px;
    }
    .boton-buscador-paginas {
        width: 30%;
        height: 55px;
        font-size: 19px;
        border-radius: 6px;
    }
    /* primer filtro */
    ul.filtro-busqueda {
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .filtro-busqueda li:first-child p {
        font-size: 20px;
        line-height: 23px;
    }
    .list-group-item:first-child,
    .list-group-item {
        font-size: 17px;
        line-height: 23px;
    }
    /* estilos etiquetas */
    .caja-etiquetas {
        min-height: 100%;
        padding-top: 8%;
        padding-bottom: 8%;
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .etiqueta {
        border: 1px solid #5704E8;
        border-radius: 7px;
        max-width: 29%;
        min-height: 37px;
        margin: 2% 1%;
        text-align: center;
        font-family: Gotham-Medium;
        font-size: 10px;
    }
    /* articulos */
    .content-pages-wp .card {
        max-width: 100%;
        margin: 12% 0 0 0;
        padding: 0;
        max-height: 100%;
        border-radius: 4px;
        border: none;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .content-pages-wp .card .slider-home-title-post {
        font-size: 15px;
        line-height: 25px;
    }
    .content-pages-wp .card .text-post-read {
        font-size: 11px;
        line-height: 23px;
    }
    .content-pages-wp .card .articulos-search-page {
        width: 100%;
        height: 55%;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    /* paginacion */
    #pagination-articles ul.pagination {
        margin: 0;
        padding: 0;
    }
    #pagination-articles {
        margin: 7% 0 9% 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .page-link {
        padding: 0.3rem 0.25rem;
        line-height: 1.33;
    }
    /* Estilos que es el hipotiroidismo pagina */
    #listado-articulos h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .button-section {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin: 20px 0 20px 0;
        background-color: #FFFFFF;
        padding: 0 20px;
    }
    .icon-text-category {
        width: 45px;
        height: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .button-section span.line-more {
        font-family: "Gotham-Bold";
        font-size: 25px;
        text-align: left;
        color: #5704E8;
    }
    .content-pages-wp .type-art {
        border-radius: 15px;
        width: 100px;
        height: 25px;
        right: 5%;
        top: 5%;
        font-size: 14px;
        line-height: 14px;
    }
    .content-pages-wp .type-art-two {
        width: 44px;
        height: 44px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* Termina Estilos que es el hipotiroidismo pagina */
    /* INICIA SECCIÓN GENERAL */
    .navbar {
        width: 100%;
    }
    #breadcrumbs {
        font-family: 'Gotham-Medium';
        color: #3C4349;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin: 0;
        padding: 15px 0 15px 0;
    }
    #breadcrumbs a {
        text-decoration: underline;
        color: #3C4349;
    }
    #breadcrumbs a:hover {
        text-decoration: underline;
        color: #3C4349;
    }
    .next-buttons {
        display: block;
    }
    .next-buttons .descargar {
        margin: 15px auto !important;
    }
    /* TERMINA SECCIÓN GENERAL */
    /* INICIA SECCIÓN HEADER */
    header .contenido {
        padding: 0;
        margin-left: auto;
    }
    header .contenido .search {
        position: relative;
        width: 50px;
        height: 50px;
        border-right: 0;
        border-left: 0;
        margin-right: 10px;
    }
    header .contenido input {
        top: 115px;
        right: 0;
        bottom: 0;
        left: auto;
        letter-spacing: 1px;
        height: 60px;
        width: 360px;
        font-size: 15px;
        padding: 0 0 0 20px;
    }
    header .contenido input::placeholder {
        color: #000000;
        opacity: 0.5;
    }
    header .contenido::-webkit-input-placeholder {
        color: #000000;
        font-size: 15px;
    }
    header .contenido:-ms-input-placeholder {
        font-size: 15px;
    }
    header .contenido::placeholder {
        font-size: 15px;
    }
    header img {
        width: 38px;
    }
    header .contenido img {
        width: 30px;
    }
    /* TERMINA SECCIÓN HEADER */
    /* INICIA SECCIÓN MENÚ */
    nav {
        font-size: 16px;
        color: #5701e6;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }
    nav img {
        width: 100px;
    }
    nav .nav a {
        color: #5701e6;
        border-bottom: 1px solid transparent;
    }
    nav .nav a:hover {
        color: #5704E8;
        border-bottom: none;
    }
    nav .nav li {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        padding: 0 10px 0 10px;
        margin: 5px 0 5px 0;
    }
    nav .nav .dropdown-toggle::after {
        display: none;
    }
    nav .nav .dropdown-menu {
        font-size: 14px;
        border: 0;
        display: block;
    }
    nav .nav .dropdown-menu li {
        box-shadow: none;
    }
    nav .nav .dropdown-menu li a {
        color: #000000;
    }
    nav .navbar-toggler span {
        display: flex;
        align-items: center;
    }
    #bs-example-navbar-collapse-1 p {
        display: block;
        font-size: 30px;
    }
    /* TERMINA SECCIÓN MENÚ */
    /* INICIA SECCIÓN FOOTER */
    footer #menu-menu-footer {
        display: block;
        font-size: 18px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        padding: 15px 0 15px 15px;
    }
    footer #menu-menu-footer .sub-menu {
        padding: 0;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
    }
    footer #menu-menu-footer a {
        border-bottom: 1px solid #ffffff;
        line-height: 30px;
    }
    footer .icn_fb {
        position: absolute;
        top: 85%;
        right: 5%;
        height: 38px;
    }
    /* TERMINA SECCIÓN FOOTER */
    /* INICIA SECCIÓN QUIZZ */
    .quizz {
        padding: 0 0 50px 0;
        height: auto;
    }
    .quizz .text1 {
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 10px 0;
    }
    .quizz .text2 {
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0;
    }
    .quizz .text2 span {
        border-bottom: 3px solid #FC3799;
    }
    .quizz .text3 {
        font-size: 16px;
        line-height: 16px;
        width: auto;
        padding: 20px 0 0 0;
    }
    .quizz .text4 {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .quizz .text-new-e {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .eleonor-solo-desktop {
        position: relative;
        display: none;
    }
    .quizz .text4 span {
        font-size: 18px;
    }
    .quizz .item-edad {
        width: 120px !important;
        height: 60px;
        margin: 0 0 50px 0;
    }
    .quizz .divs div .row {
        padding: 25px 0 25px 0;
    }
    .quizz .myProgress {
        width: 100%;
        border-radius: 50px;
        margin: 20px 0 20px 0;
    }
    .quizz .myBar {
        width: 10%;
        height: 10px;
        line-height: 30px;
        border-radius: 50px;
    }
    .quizz .mariposa {
        display: none;
    }
    .quizz .switch-container {
        width: 200px;
        height: 100px;
        border: 1.3px solid #E8E8E8;
        border-radius: 50px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: 0 0 50px 0;
    }
    .quizz .switch-container .switch-button {
        width: 190px;
        height: 90px;
    }
    .quizz .switch-container .switch-button-case {
        width: 48%;
        height: 100%;
        font-size: 16px;
        line-height: 16px;
    }
    .quizz #next {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
    }
    .quizz #next .sig_test {
        height: 35px;
        width: 35px;
    }
    .quizz #prev {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
        padding: 0 10px 0 0;
    }
    .quizz #prev .sig_test {
        height: 35px;
        width: 35px;
        margin: 0 6px 0 0;
    }
    .quizz #repetir {
        position: relative;
        font-size: 20px;
        left: 0;
        top: 0;
    }
    .quizz #repetir .iconnavigationarrow {
        height: 35px;
        width: 35px;
    }
    .quizz .btn {
        border-radius: 6px;
        width: 240px;
        height: 70px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 50px 0;
    }
    .quizz .btn img {
        width: 40px;
        margin: 0 0 0 15px;
    }
    /* TERMINA SECCIÓN QUIZZ */
    /* INICIA SECCIÓN VIDEOS */
    .videos {
        height: auto;
        padding: 50px 0 50px 0;
    }
    .videos .tab {
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 264px;
        height: 688px;
        margin: 0 auto;
        overflow: auto;
    }
    .videos .tab button {
        background-color: #FFFFFF;
        display: block;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
    }
    .videos .tab button img {
        display: none;
    }
    .videos .tab .embed-responsive {
        display: block;
    }
    .videos .tab button p {
        font-family: 'HindSiliguri-SemiBold';
        color: #3C4349;
        font-size: 16px;
        text-align: left;
        margin: 0;
    }
    .videos .quit {
        display: none;
    }
    /* TERMINA SECCIÓN VIDEOS */
    /* INICIA SECCIÓN BUSQUEDA */
    .busqueda header {
        height: 114px;
    }
    .busqueda header p {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .busqueda header span {
        color: #8416AE;
    }
    .busqueda .row {
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-title {
        font-size: 22px;
        line-height: 22px;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-excerpt p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .btn {
        border-radius: 6px;
        width: 200px;
        height: 59px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .busqueda .btn img {
        width: 25px;
        margin: 0 0 0 15px;
    }
    .busqueda .pagination h2 {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links span {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    /* TERMINA SECCIÓN BUSQUEDA */
    /* INICIA SECCIÓN INFOGRAFIA */
    .infografia {
        margin: 30px 0 30px 0;
    }
    .infografia img.desktop {
        display: none;
    }
    .infografia img.mobile {
        display: block;
    }
    .infografia .row:nth-child(1) img {
        width: 320px;
        padding: 0;
    }
    .infografia .row:nth-child(2) {
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) img {
        width: 320px;
        margin: auto;
    }
    .infografia .row:nth-child(2) p {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) p img {
        width: 20px;
        margin: 0;
    }
    .infografia .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    .infografia .owl-theme .owl-dots .owl-dot.active span,
    .infografia .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    /* TERMINA SECCIÓN INFOGRAFIA */
    /* INICIA SECCIÓN ENCUENTRA */
    .encuentra {
        margin: 30px 0 30px 0;
    }
    .encuentra p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .encuentra p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .encuentra .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .encuentra .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .encuentra .img_medico {
        width: 320px;
        padding: 0;
        margin: 20px auto;
    }
    /* TERMINA SECCIÓN ENCUENTRA */
    /* INICIA SECCIÓN DESCUBRE */
    .descubre {
        margin: 30px 0 30px 0;
    }
    .descubre p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .descubre p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .descubre .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .descubre .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .descubre .img_medico {
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
    /* TERMINA SECCIÓN DESCUBRE */
    /* SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    .content-pages-wp .pleca-fondo {
        background: url(img/bg_interna_m.png);
        min-height: 150px;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pleca-fondo p,
    .pleca-fondo div {
        font-size: 16px;
        line-height: 16px;
    }
    .box-caja {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        min-height: 240px;
        padding: 3% 2%;
    }
    .box-caja img {
        padding-top: 10px;
    }
    h4.texto-hipo-cuadrado {
        font-size: 26px;
        line-height: 26px;
        padding: 15px 0;
        margin: 0;
    }
    .texto-hipo-cuadrado p {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .page-hipotiroidismo-row {
        padding-bottom: 20px;
    }
    .card-titulo-categoria {
        font-size: 26px;
        line-height: 26px;
        padding: 20px 0;
        min-height: 125px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .boton-cat {
        border-radius: 6px;
        height: 58px;
        margin: 10px auto;
        font-size: 24px;
        line-height: 28px;
        width: 80%;
    }
    .boton-cat img {
        height: 10px;
    }
    .intro-categories {
        font-size: 20px;
        line-height: 26px;
    }
    .into-categorias {
        padding: 15px 0;
    }
    #el-impacto-main-page .categorias-iconos .card {
        min-height: auto;
        border: none;
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: auto;
    }
    .categorias-iconos .col-12 {
        padding: 15px 0 15px 0;
    }
    .categorias-iconos .btn span {
        background-color: #FFFFFF;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    /* TERMINA SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    .articulos {
        font-family: 'Gotham-Bold';
    }
    .articulos h1 {
        color: #000000;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos h1 img {
        width: 17px;
        position: absolute;
        left: -120px;
        top: 8px;
        padding: 0;
    }
    .articulos .editor-content-custom h2 {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .has-inline-color {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom p,
    .articulos .editor-content-custom-descarga p,
    .articulos .editor-content-custom td {
        font-family: 'Gotham-Book';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom li,
    .articulos .editor-content-custom-descarga li {
        font-family: 'Gotham-Medium';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 20px 0;
        margin: 0;
    }
    .articulos .wp-block-separator {
        border: 1px solid #DEDEDE;
        margin: 0 0 25px 0;
    }
    .articulos .embed-responsive {
        margin: 0 0 25px 0;
    }
    .articulos .post-referencias h3 {
        color: #25262A;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .post-referencias h3 img {
        width: 34px;
        padding: 0;
    }
    .articulos .post-referencias p,
    .articulos .post-referencias li {
        font-family: 'Gotham-Book';
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0;
    }
    .articulos .post-referencias a {
        color: #5700E6;
    }
    .articulos .download img {
        width: 434px;
        margin: 0 auto 25px auto;
    }
    .articulos .download p {
        font-size: 16px;
    }
    .articulos .btn {
        font-family: 'Gotham-Medium';
        border-radius: 5px;
        width: 200px;
        height: 58px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin: 15px auto;
    }
    .articulos .visualizar {
        background-color: #25262A;
    }
    .articulos .descargar {
        background-color: #FF4E4D;
    }
    .articulos .btn img {
        width: 28px;
        margin: 0 0 0 20px;
        padding: 0;
    }
    .articulos img {
        width: 930px;
        padding: 0 0 25px 0;
        height: auto;
    }
    .articulos .text-rel {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .titulo-bloque-hipotiroidismo-dos img {
        width: 18px;
        margin: 0 0 0 5px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .content-slider-home {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .center {
        padding: 15px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .slider-home-title-post {
        font-size: 20px;
        line-height: 20px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .text-post-read {
        font-size: 16px;
        line-height: 16px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link {
        font-size: 16px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link .icon {
        width: 20px;
        height: 20px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .card {
        box-shadow: 15px 25px 54px 0 rgba(52, 86, 95, 0.07);
        border-radius: 15px;
        min-height: auto;
        height: auto;
        margin: auto;
    }
    .articulos .carrusel-related-art #dos-columnas-related.owl-carousel.owl-drag .owl-item {
        padding: 0;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot.active span,
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    /* INICIA SECCIÓN GRUPOS */
    .grupos {
        width: 100%;
        margin: 200px auto 30px auto;
    }
    .grupos .chica {
        position: absolute;
        width: 320px;
        right: 0;
        left: 0;
        bottom: 220px;
    }
    .grupos .cuadro {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 400px;
        margin: auto;
    }
    .grupos .cuadro .text1 {
        font-size: 26px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 180px 0 20px 0;
    }
    .grupos .cuadro .text2 {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0 0 20px 0;
    }
    .grupos .cuadro .btn {
        border-radius: 5px;
        width: 268px;
        height: 68px;
        font-size: 24px;
        line-height: 30px;
        margin: auto;
    }
    .grupos .video .text1 {
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .text2 {
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        margin: 0;
        display: block;
    }
    .grupos .video .text3 {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .d-flex .text-flex-one {
        font-size: 20px;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }
    .grupos .video a {
        position: relative;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        display: block;
        text-decoration: underline;
        margin: 10px auto;
    }
    .grupos .video .conoce {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .grupos .video img {
        width: 15px;
        margin: 0 0 0 5px;
    }
    .grupos .video video {
        border-radius: 15px;
    }
    /* TERMINA SECCIÓN GRUPOS */
    /* INICIA SECCIÓN BANNER */
    .banner {
        margin: 0 0 50px 0;
    }
    .banner .image {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .banner .image .img_general,
    .banner .image .txt_general {
        width: 800px;
    }
    .banner .image:hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner p:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        width: 100%;
        text-align: left;
        padding: 30px 0 0 0;
    }
    .banner p:nth-child(2) {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
        text-align: left;
    }
    .banner .btn {
        border-radius: 6px;
        width: 100%;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: auto;
    }
    .banner .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .banner div {
        position: absolute;
        top: -50px;
        left: -100px;
        z-index: 0;
        animation: myfirst 10s ease-in-out infinite;
        transform-origin: 50% 50%;
        width: 500px;
        height: 500px;
    }
    /* TERMINA SECCIÓN BANNER */
    /*  ESTILOS FILTROS QUE ES EL HIPO*/
    .texto-buscador {
        display: none;
    }
    .tablink img {
        height: 9px;
        padding: 0 6px;
    }
    .button-section.mobile {
        border-radius: 15px;
        margin: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .button-section.items-mobile {
        border-radius: 0;
        max-width: 96%;
        margin: 0 auto;
    }
    .button-section.mobile span.line-more {
        font-family: "Gotham-Bold";
        font-size: 1.30vw;
        text-align: left;
        color: #5704E8;
    }
    .button-section.mobile.active span.line-more,
    .button-section.mobile:hover span.line-more {
        color: #FFFFFF;
    }
    .filter-deskt {
        display: none;
    }
    .button-section.mobile span.line-more {
        font-size: 23px;
    }
    .filter-drops {
        display: flex;
        margin: 10% 0 0 0;
    }
    .text-fil-search {
        display: none;
    }
    .listas-desc,
    .etiquetas-desk {
        display: none;
    }
    .caja-etiquetas {
        margin: 0 0 8% 0;
    }
    .panel-group .mobile {
        display: flex;
        max-width: 96%;
        margin: 0 auto;
    }
    .tablink {
        font-family: "Gotham-Medium";
        font-size: 10px;
        height: 41px;
        border-radius: 5px;
        color: #000000;
        border-color: #d7d7d7;
        background-color: #ffffff;
        padding: 0 22px;
        margin: 0px 12px 27px 9px;
    }
    .tablink:hover {
        color: #000000;
        border-color: #5700E6;
        background-color: #EBEBFF;
    }
    .button-section .titulo-categoria-pagina {
        font-size: 14px;
    }
    /* TERMINA ESTILOS FILTROS QUE ES EL HIPO*/
    /* INICIA SECCIÓN MODAL */
    .modal .close {
        right: 0;
        top: 0;
    }
    .modal .modal-content {
        border-radius: 15px;
        width: 100%;
    }
    .modal .modal-content img {
        width: auto;
    }
    .modal .modal-content .cierre {
        width: 32px;
    }
    .modal .modal-header {
        width: 100%;
        height: 156px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .modal .modal-header p {
        font-size: 34px;
    }
    .modal .modal-body p {
        font-size: 24px;
        margin: 20px auto;
    }
    .modal .modal-body button {
        border-radius: 5px;
        width: 232px;
        height: 62px;
        font-size: 22px;
        margin: 25px auto;
    }
    /* TERMINA SECCIÓN MODAL */
    /* INICIA SECCIÓN AVISO */
    .aviso h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 40px auto;
    }
    .aviso .contenedor-texto-aviso {
        font-size: 16px;
        line-height: 22px;
        height: 100vh;
    }
    .aviso .contenedor-texto-aviso table td {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
    .aviso ::-webkit-scrollbar {
        width: 4px;
    }
    .aviso ::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }
    /* TERMINA SECCIÓN AVISO */
    /* INICIA SECCIÓN 404 */
    #site-content-404 h3 {
        font-size: 45px;
        line-height: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    #site-content-404 h3 span {
        border-bottom: 2px solid #FC3799;
    }
    #site-content-404 .text-error {
        font-size: 20px;
        line-height: 40px;
        width: 100%;
    }
    #site-content-404 .text-404 {
        font-size: 120px;
        line-height: 90px;
        width: 100%;
        margin: 0 auto;
    }
    #site-content-404 .text-comp {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
        margin: 40px 0;
    }
    #site-content-404 .line-hr {
        border: 2px solid #721CFF;
        max-width: 100%;
    }
    #site-content-404 .btn {
        border-radius: 2px;
        width: 220px;
        height: 70px;
        color: #5700E6;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto 40px auto;
    }
    #site-content-404 .btn img {
        width: 50px;
        margin: 0 0 0 20px;
    }
    /* TERMINA SECCIÓN 404 */
    /* INICIA SECCIÓN COMUNIDAD */
    .comunidad .textTipe {
        font-size: 16px;
        line-height: 16px;
        margin: 20px 0;
    }
    .comunidad .textTitle {
        font-size: 24px;
        line-height: 28px;
        margin: 20px 0;
    }
    .comunidad .textDescription {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0;
    }
    .comunidad .contenido {
        width: 10%;
        margin: 50px auto;
    }
    .comunidad p.color-intro-sub-section {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 20px 0;
    }
    .comunidad p.text-intro-search-sub-section {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 20px 0;
    }
    .comunidad section.container-btn-tabs {
        width: 280px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        border-radius: 15px;
        padding: 10px;
        margin: 0 auto;
    }
    .comunidad button.tab-button {
        min-width: 170px;
        height: 50px;
        color: #25262A;
        font-size: 16px;
        line-height: 26px;
        border-radius: 5px;
    }
    .comunidad .card {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        max-width: 400px;
        margin: 0 0 50px 0;
    }
    .comunidad .card img {
        width: 400px;
        height: auto;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .comunidad .text-post-read {
        min-height: auto;
    }
    .comunidad .alert-warning {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .comunidad .pagination {
        height: 60px;
        margin: 0;
    }
    .comunidad .page-item {
        height: 48px;
    }
    .comunidad .page-link {
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        height: 32px;
        width: 32px;
    }
    /* TERMINA SECCIÓN COMUNIDAD */
    /* INICIA SECCIÓN COMPARTIR REDES */
    .social-container {
        font-size: 18px;
        line-height: 20px;
        padding: 0 0 30px 0;
    }
    .social-container .social {
        border-radius: 48px;
        width: 200px;
        height: 50px;
    }
    .social-container .social-toggle::before {
        height: 30px;
        width: 30px;
        margin: 0 10px;
    }
    .social-container .social-drop {
        height: 48px;
        width: 200px;
        top: 0;
        left: 40px;
        border-radius: 30px;
    }
    .social-container .social-red::after {
        height: 30px;
        width: 30px;
    }
    /* TERMINA SECCIÓN COMPARTIR REDES */
    /* INICIA SECCIÓN ARTICULOS  */
    .post-referencias h3::before {
        height: 24px;
        width: 24px;
        margin: 0 5px 0 0;
    }
    .articulos-comunidad #dos-columnas-related .text-post-read {
        min-height: 100% !important;
    }
    /* TERMINA SECCIÓN ARTICULOS */
}

@media (max-width: 320px) {
    .content-pages-wp .pleca-fondo {
        margin: 0;
        padding: 0;
    }
    .pleca-fondo h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 30px;
    }
    /* filtros */
    .filtros {
        margin: 0;
        padding: 0;
    }
    .filtros .botonsubmit {
        border-radius: 6px;
        width: 300px;
        height: 72px;
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 40px auto;
    }
    .filtros .botonsubmit img {
        width: 28px;
        margin: 0 0 0 20px;
    }
    .texto-buscador {
        font-size: 22px;
        line-height: 18px;
        text-align: center;
        padding: 15px 0 15px 0;
        margin: 0;
    }
    .content-inputs {
        justify-content: flex-start;
    }
    #tem_key {
        width: 60%;
        height: 55px;
        padding-left: 15px;
        margin-left: 16px;
    }
    .boton-buscador-paginas {
        width: 30%;
        height: 55px;
        font-size: 19px;
        border-radius: 6px;
    }
    /* primer filtro */
    ul.filtro-busqueda {
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .filtro-busqueda li:first-child p {
        font-size: 20px;
        line-height: 23px;
    }
    .list-group-item:first-child,
    .list-group-item {
        font-size: 17px;
        line-height: 23px;
    }
    /* estilos etiquetas */
    .caja-etiquetas {
        min-height: 100%;
        padding-top: 8%;
        padding-bottom: 8%;
        background-color: #FFFFFF;
        border-radius: 11px;
        border: none !important;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .etiqueta {
        border: 1px solid #5704E8;
        border-radius: 7px;
        max-width: 29%;
        min-height: 37px;
        margin: 2% 1%;
        text-align: center;
        font-family: Gotham-Medium;
        font-size: 10px;
    }
    /* articulos */
    .content-pages-wp .card {
        max-width: 100%;
        margin: 12% 0 0 0;
        padding: 0;
        max-height: 100%;
        border-radius: 4px;
        border: none;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .content-pages-wp .card .slider-home-title-post {
        font-size: 24px;
        line-height: 28px;
    }
    .content-pages-wp .card .text-post-read {
        font-size: 16px;
        line-height: 20px;
    }
    .content-pages-wp .card .articulos-search-page {
        width: 100%;
        height: 55%;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    /* paginacion */
    #pagination-articles ul.pagination {
        margin: 0;
        padding: 0;
    }
    #pagination-articles {
        margin: 7% 0 9% 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .page-link {
        padding: 0.3rem 0.25rem;
        line-height: 1.33;
    }
    /* Estilos que es el hipotiroidismo pagina */
    #listado-articulos h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .button-section {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin: 20px 0 20px 0;
        background-color: #FFFFFF;
        padding: 0 20px;
    }
    .icon-text-category {
        width: 45px;
        height: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .button-section .titulo-categoria-pagina {
        font-family: "Gotham-Bold";
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .button-section span.line-more {
        font-family: "Gotham-Bold";
        font-size: 25px;
        text-align: left;
        color: #5704E8;
    }
    .content-pages-wp .type-art {
        border-radius: 15px;
        width: 100px;
        height: 25px;
        right: 5%;
        top: 5%;
        font-size: 14px;
        line-height: 14px;
    }
    .content-pages-wp .type-art-two {
        width: 44px;
        height: 44px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* Termina Estilos que es el hipotiroidismo pagina */
    /* INICIA SECCIÓN GENERAL */
    .navbar {
        width: 100%;
    }
    #breadcrumbs {
        font-family: 'Gotham-Medium';
        color: #3C4349;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin: 0;
        padding: 15px 0 15px 0;
    }
    #breadcrumbs a {
        text-decoration: underline;
        color: #3C4349;
    }
    #breadcrumbs a:hover {
        text-decoration: underline;
        color: #3C4349;
    }
    .next-buttons {
        display: block;
    }
    .next-buttons .descargar {
        margin: 15px auto !important;
    }
    /* TERMINA SECCIÓN GENERAL */
    /* INICIA SECCIÓN HEADER */
    header .contenido {
        padding: 0;
        margin-left: auto;
    }
    header .contenido .search {
        position: relative;
        width: 50px;
        height: 50px;
        border-right: 0;
        border-left: 0;
        margin-right: 10px;
    }
    header .contenido input {
        top: 115px;
        right: 0;
        bottom: 0;
        left: auto;
        letter-spacing: 1px;
        height: 60px;
        width: 320px;
        font-size: 15px;
        padding: 0 0 0 20px;
    }
    header .contenido input::placeholder {
        color: #000000;
        opacity: 0.5;
    }
    header .contenido::-webkit-input-placeholder {
        color: #000000;
        font-size: 15px;
    }
    header .contenido:-ms-input-placeholder {
        font-size: 15px;
    }
    header .contenido::placeholder {
        font-size: 15px;
    }
    header img {
        width: 38px;
    }
    header .contenido img {
        width: 30px;
    }
    /* TERMINA SECCIÓN HEADER */
    /* INICIA SECCIÓN MENÚ */
    nav {
        font-size: 16px;
        color: #5701e6;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }
    nav img {
        width: 100px;
    }
    nav .nav a {
        color: #5701e6;
        border-bottom: 1px solid transparent;
    }
    nav .nav a:hover {
        color: #5704E8;
        border-bottom: none;
    }
    nav .nav li {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        padding: 0 10px 0 10px;
        margin: 5px 0 5px 0;
    }
    nav .nav .dropdown-toggle::after {
        display: none;
    }
    nav .nav .dropdown-menu {
        font-size: 14px;
        border: 0;
        display: block;
    }
    nav .nav .dropdown-menu li {
        box-shadow: none;
    }
    nav .nav .dropdown-menu li a {
        color: #000000;
    }
    nav .navbar-toggler span {
        display: flex;
        align-items: center;
    }
    #bs-example-navbar-collapse-1 p {
        display: block;
        font-size: 30px;
    }
    /* TERMINA SECCIÓN MENÚ */
    /* INICIA SECCIÓN FOOTER */
    footer #menu-menu-footer {
        display: block;
        font-size: 18px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        padding: 15px 0 15px 15px;
    }
    footer #menu-menu-footer .sub-menu {
        padding: 0;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
    }
    footer #menu-menu-footer a {
        border-bottom: 1px solid #ffffff;
        line-height: 30px;
    }
    footer .icn_fb {
        position: absolute;
        top: 85%;
        right: 5%;
        height: 38px;
    }
    /* TERMINA SECCIÓN FOOTER */
    /* INICIA SECCIÓN QUIZZ */
    .quizz {
        padding: 0 0 50px 0;
        height: auto;
    }
    .quizz .text1 {
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 10px 0;
    }
    .quizz .text2 {
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0;
    }
    .quizz .text2 span {
        border-bottom: 3px solid #FC3799;
    }
    .quizz .text3 {
        font-size: 16px;
        line-height: 16px;
        width: auto;
        padding: 20px 0 0 0;
    }
    .quizz .text4 {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .quizz .text-new-e {
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        padding: 0 0 50px 0;
        margin: 0;
    }
    .eleonor-solo-desktop {
        position: relative;
        display: none;
    }
    .quizz .text4 span {
        font-size: 18px;
    }
    .quizz .item-edad {
        width: 120px !important;
        height: 60px;
        margin: 0 0 50px 0;
    }
    .quizz .divs div .row {
        padding: 25px 0 25px 0;
    }
    .quizz .myProgress {
        width: 100%;
        border-radius: 50px;
        margin: 20px 0 20px 0;
    }
    .quizz .myBar {
        width: 10%;
        height: 10px;
        line-height: 30px;
        border-radius: 50px;
    }
    .quizz .mariposa {
        display: none;
    }
    .quizz .switch-container {
        width: 200px;
        height: 100px;
        border: 1.3px solid #E8E8E8;
        border-radius: 50px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: 0 0 50px 0;
    }
    .quizz .switch-container .switch-button {
        width: 190px;
        height: 90px;
    }
    .quizz .switch-container .switch-button-case {
        width: 48%;
        height: 100%;
        font-size: 16px;
        line-height: 16px;
    }
    .quizz #next {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
    }
    .quizz #next .sig_test {
        height: 35px;
        width: 35px;
    }
    .quizz #prev {
        position: relative;
        font-size: 20px;
        left: 0;
        bottom: 0;
        padding: 0 10px 0 0;
    }
    .quizz #prev .sig_test {
        height: 35px;
        width: 35px;
        margin: 0 6px 0 0;
    }
    .quizz #repetir {
        position: relative;
        font-size: 20px;
        left: 0;
        top: 0;
    }
    .quizz #repetir .iconnavigationarrow {
        height: 35px;
        width: 35px;
    }
    .quizz .btn {
        border-radius: 6px;
        width: 240px;
        height: 70px;
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 50px 0;
    }
    .quizz .btn img {
        width: 40px;
        margin: 0 0 0 15px;
    }
    /* TERMINA SECCIÓN QUIZZ */
    /* INICIA SECCIÓN VIDEOS */
    .videos {
        height: auto;
        padding: 50px 0 50px 0;
    }
    .videos .tab {
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 264px;
        height: 688px;
        margin: 0 auto;
        overflow: auto;
    }
    .videos .tab button {
        background-color: #FFFFFF;
        display: block;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
    }
    .videos .tab button img {
        display: none;
    }
    .videos .tab .embed-responsive {
        display: block;
    }
    .videos .tab button p {
        font-family: 'HindSiliguri-SemiBold';
        color: #3C4349;
        font-size: 16px;
        text-align: left;
        margin: 0;
    }
    .videos .quit {
        display: none;
    }
    /* TERMINA SECCIÓN VIDEOS */
    /* INICIA SECCIÓN BUSQUEDA */
    .busqueda header {
        height: 114px;
    }
    .busqueda header p {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .busqueda header span {
        color: #8416AE;
    }
    .busqueda .row {
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-title {
        font-size: 22px;
        line-height: 22px;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .search-post-excerpt p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
        padding: 10px 0 10px 0;
    }
    .busqueda .btn {
        border-radius: 6px;
        width: 200px;
        height: 59px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .busqueda .btn img {
        width: 25px;
        margin: 0 0 0 15px;
    }
    .busqueda .pagination h2 {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links span {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .busqueda .pagination .nav-links a {
        font-size: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    /* TERMINA SECCIÓN BUSQUEDA */
    /* INICIA SECCIÓN INFOGRAFIA */
    .infografia {
        margin: 30px 0 30px 0;
    }
    .infografia img.desktop {
        display: none;
    }
    .infografia img.mobile {
        display: block;
    }
    .infografia .row:nth-child(1) img {
        width: 320px;
        padding: 0;
    }
    .infografia .row:nth-child(2) {
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) img {
        width: 320px;
        margin: auto;
    }
    .infografia .row:nth-child(2) p {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .infografia .row:nth-child(2) p img {
        width: 20px;
        margin: 0;
    }
    .infografia .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    .infografia .owl-theme .owl-dots .owl-dot.active span,
    .infografia .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    /* TERMINA SECCIÓN INFOGRAFIA */
    /* INICIA SECCIÓN ENCUENTRA */
    .encuentra {
        margin: 30px 0 30px 0;
    }
    .encuentra p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .encuentra p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .encuentra .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
    }
    .encuentra .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .encuentra .img_medico {
        width: 320px;
        padding: 0;
        margin: 20px auto;
    }
    /* TERMINA SECCIÓN ENCUENTRA */
    /* INICIA SECCIÓN DESCUBRE */
    .descubre {
        margin: 30px 0 30px 0;
    }
    .descubre p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .descubre p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 0 30px 0;
        margin: 0;
    }
    .descubre .btn {
        border-radius: 15px;
        width: 280px;
        height: 72px;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto;
    }
    .descubre .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .descubre .img_medico {
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
    /* TERMINA SECCIÓN DESCUBRE */
    /* SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    .content-pages-wp .pleca-fondo {
        background: url(img/bg_interna_m.png);
        min-height: 150px;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pleca-fondo p,
    .pleca-fondo div {
        font-size: 16px;
        line-height: 16px;
    }
    .box-caja {
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        min-height: 240px;
        padding: 3% 2%;
    }
    .box-caja img {
        padding-top: 10px;
    }
    h4.texto-hipo-cuadrado {
        font-size: 26px;
        line-height: 26px;
        padding: 15px 0;
        margin: 0;
    }
    .texto-hipo-cuadrado p {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .page-hipotiroidismo-row {
        padding-bottom: 20px;
    }
    .card-titulo-categoria {
        font-size: 26px;
        line-height: 26px;
        padding: 20px 0;
        min-height: 125px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .boton-cat {
        border-radius: 6px;
        height: 58px;
        margin: 10px auto;
        font-size: 24px;
        line-height: 28px;
        width: 80%;
    }
    .boton-cat img {
        height: 10px;
    }
    .intro-categories {
        font-size: 20px;
        line-height: 26px;
    }
    .into-categorias {
        padding: 15px 0;
    }
    #el-impacto-main-page .categorias-iconos .card {
        min-height: auto;
        border: none;
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        margin: auto;
    }
    .categorias-iconos .col-12 {
        padding: 15px 0 15px 0;
    }
    .categorias-iconos .btn span {
        background-color: #FFFFFF;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    /* TERMINA SECCIÓN IMPACTO DEL HIPOTIROIDISMO*/
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    .articulos {
        font-family: 'Gotham-Bold';
    }
    .articulos h1 {
        color: #000000;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos h1 img {
        width: 17px;
        position: absolute;
        left: -120px;
        top: 8px;
        padding: 0;
    }
    .articulos .editor-content-custom h2 {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .has-inline-color {
        font-family: 'Gotham-Bold';
        color: #8416AE;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom p,
    .articulos .editor-content-custom-descarga p,
    .articulos .editor-content-custom td {
        font-family: 'Gotham-Book';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .editor-content-custom li,
    .articulos .editor-content-custom-descarga li {
        font-family: 'Gotham-Medium';
        color: #25262A;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0 0 20px 0;
        margin: 0;
    }
    .articulos .wp-block-separator {
        border: 1px solid #DEDEDE;
        margin: 0 0 25px 0;
    }
    .articulos .embed-responsive {
        margin: 0 0 25px 0;
    }
    .articulos .post-referencias h3 {
        color: #25262A;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        padding: 0 0 25px 0;
        margin: 0;
    }
    .articulos .post-referencias h3 img {
        width: 34px;
        padding: 0;
    }
    .articulos .post-referencias p,
    .articulos .post-referencias li {
        font-family: 'Gotham-Book';
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0;
    }
    .articulos .post-referencias a {
        color: #5700E6;
    }
    .articulos .download img {
        width: 434px;
        margin: 0 auto 25px auto;
    }
    .articulos .download p {
        font-size: 16px;
    }
    .articulos .btn {
        font-family: 'Gotham-Medium';
        border-radius: 5px;
        width: 200px;
        height: 58px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin: 15px auto;
    }
    .articulos .visualizar {
        background-color: #25262A;
    }
    .articulos .descargar {
        background-color: #FF4E4D;
    }
    .articulos .btn img {
        width: 28px;
        margin: 0 0 0 20px;
        padding: 0;
    }
    .articulos img {
        width: 930px;
        padding: 0 0 25px 0;
        height: auto;
    }
    .articulos .text-rel {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0 20px 0;
        margin: 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .titulo-bloque-hipotiroidismo-dos img {
        width: 18px;
        margin: 0 0 0 5px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .content-slider-home {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item {
        padding: 30px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .owl-item img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .center {
        padding: 15px 0 0 0;
    }
    .articulos .carrusel-related-art #dos-columnas-related .slider-home-title-post {
        font-size: 20px;
        line-height: 20px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .text-post-read {
        font-size: 16px;
        line-height: 16px;
        min-height: 100%;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link {
        font-size: 16px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .read-more-link .icon {
        width: 20px;
        height: 20px;
    }
    .articulos .carrusel-related-art #dos-columnas-related .card {
        box-shadow: 15px 25px 54px 0 rgba(52, 86, 95, 0.07);
        border-radius: 15px;
        min-height: auto;
        height: auto;
        margin: auto;
    }
    .articulos .carrusel-related-art #dos-columnas-related.owl-carousel.owl-drag .owl-item {
        padding: 0;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot.active span,
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot:hover span {
        background: #5704E8;
    }
    .articulos .carrusel-related-art .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        background: #e1d9fb;
    }
    /* INICIA SECCIÓN ARTICULOS, DESCARGAS Y VIDEOS */
    /* INICIA SECCIÓN GRUPOS */
    .grupos {
        width: 100%;
        margin: 200px auto 30px auto;
    }
    .grupos .chica {
        position: absolute;
        width: 320px;
        right: 0;
        left: 0;
        bottom: 220px;
    }
    .grupos .cuadro {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        width: 100%;
        height: 400px;
        margin: auto;
    }
    .grupos .cuadro .text1 {
        font-size: 26px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 180px 0 20px 0;
    }
    .grupos .cuadro .text2 {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0 0 20px 0;
    }
    .grupos .cuadro .btn {
        border-radius: 5px;
        width: 268px;
        height: 68px;
        font-size: 24px;
        line-height: 30px;
        margin: auto;
    }
    .grupos .video .text1 {
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .text2 {
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        margin: 0;
        display: block;
    }
    .grupos .video .text3 {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin: 0;
    }
    .grupos .video .d-flex .text-flex-one {
        font-size: 20px;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }
    .grupos .video a {
        position: relative;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        display: block;
        text-decoration: underline;
        margin: 10px auto;
    }
    .grupos .video img {
        width: 15px;
        margin: 0 0 0 5px;
    }
    .grupos .video .conoce {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .grupos .video video {
        border-radius: 15px;
    }
    /* TERMINA SECCIÓN GRUPOS */
    /* INICIA SECCIÓN BANNER */
    .banner {
        margin: 0 0 50px 0;
    }
    .banner .image {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .banner .image .img_general,
    .banner .image .txt_general {
        width: 800px;
    }
    .banner .image:hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner p:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        width: 100%;
        text-align: left;
        padding: 30px 0 0 0;
    }
    .banner p:nth-child(2) {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
        text-align: left;
    }
    .banner .btn {
        border-radius: 6px;
        width: 100%;
        height: 72px;
        font-size: 20px;
        line-height: 20px;
        margin: auto;
    }
    .banner .btn img {
        width: 30px;
        margin: 0 0 0 20px;
    }
    .banner div {
        position: absolute;
        top: -50px;
        left: -100px;
        z-index: 0;
        animation: myfirst 10s ease-in-out infinite;
        transform-origin: 50% 50%;
        width: 400px;
        height: 400px;
    }
    /* TERMINA SECCIÓN BANNER */
    /* INICIA SECCIÓN BUSCO */
    .busco .d-flex:nth-child(1) a {
        font-size: 24px;
        line-height: 34px;
        margin: 0 0 15px 0;
        border-bottom: 2px solid transparent;
    }
    .busco .d-flex:nth-child(1) a.active {
        border-bottom: 2px solid #5704E8;
    }
    .busco .d-flex:nth-child(2) p {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        margin: 0;
    }
    .busco .d-flex:nth-child(3) label {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }
    .busco .d-flex:nth-child(3) .btn {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        margin-bottom: 20px
    }
    .busco .d-flex:nth-child(3) a {
        font-size: 18px;
        line-height: 28px;
    }
    .busco .d-flex:nth-child(3) a::before {
        height: 24px;
        width: 24px;
        margin: 0 10px 0 0;
    }
    .busco .container-tab {
        background-color: transparent;
        box-shadow: none;
        width: 100%;
        height: 1220px;
        margin: 0;
    }
    .busco .doctor {
        background-color: #FFFFFF;
        border-bottom: none;
        padding: 15px;
        margin: 0 0 30px 0;
        min-height: 348px;
        border-radius: 10px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
    }
    .busco .doctor p:nth-child(1) {
        display: none;
    }
    .busco .doctor .titleText {
        color: #25262A;
        font-size: 22px;
        line-height: 32px;
        margin: 10px 0;
    }
    .busco .doctor .generalText {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }
    .busco .text-results {
        color: #666666;
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }
    .busco .btn-map {
        display: flex !important;
        font-family: "Gotham-Bold";
        color: #FFFFFF;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        width: 186px;
        height: 60px;
        background: #5700E6;
        border-radius: 5px;
        margin: 20px 0 10px 0;
    }
    .busco .btn-map::after {
        content: "";
        background-image: url('img/assets_purple.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        height: 24px;
        width: 24px;
        display: block;
        margin: 0 0 0 10px;
    }
    .busco .quit-btn::after {
        background-image: url('img/assets_gray.svg');
    }
    .busco .map {
        display: none;
    }
    .busco .pagination {
        height: 60px;
        margin: 0;
    }
    .busco .page-item {
        height: 48px;
    }
    .busco .page-link {
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        height: 32px;
        width: 32px;
    }
    .busco .selectState {
        height: 50px;
    }
    .busco .selectState:after {
        height: 24px;
        width: 24px;
    }
    .busco select {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        height: inherit;
        border: 1px solid #DDDDDD;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .busco .form-control:focus {
        border: 1px solid #DDDDDD;
    }
    .busco .ubicar-map {
        display: none;
    }
    .busco .phoneText a::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 5px 0;
    }
    .busco .phoneText span {
        max-width: 200px;
    }
    .busco .textUbication a::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 0 0;
    }
    .busco .textUbication span {
        max-width: 200px;
    }
    .busco .textHospital::before {
        height: 32px;
        width: 32px;
        margin: 0 5px 0 0;
    }
    .busco .textHospital span {
        max-width: 200px;
    }
    .busco .btn-eleonor div {
        font-size: 18px;
        border-radius: 5px;
        max-width: 186px;
        width: auto;
        height: 60px;
        margin: 20px 0 0 0;
    }
    .busco .btn-eleonor div span {
        width: 140px;
    }
    .busco .btn-eleonor div::after {
        height: 24px;
        width: 24px;
        margin: 0;
    }
    .busco .empty-rows-text-one {
        font-size: 16px;
        line-height: 26px;
        margin: 0;
    }
    .busco .empty-rows-text-two {
        font-size: 24px;
        line-height: 34px;
        margin: 0;
    }
    .busco .card-doctor-empty {
        background-color: #ffffff;
        height: 320px!important;
    }
    .busco .gray-border {
        border: 0.5px solid #DDDDDD;
    }
    /* TERMINA SECCIÓN BUSCO */
    /*  ESTILOS FILTROS QUE ES EL HIPO*/
    .texto-buscador {
        display: none;
    }
    .tablink img {
        height: 9px;
        padding: 0 6px;
    }
    .button-section.mobile {
        border-radius: 15px;
        margin: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .button-section.items-mobile {
        border-radius: 0;
        max-width: 96%;
        margin: 0 auto;
    }
    .button-section.mobile span.line-more {
        font-family: "Gotham-Bold";
        font-size: 15px;
        text-align: left;
        color: #5704E8;
        background-image: url('img/flecha_morada.svg');
        width: 13px;
        height: 22px;
    }
    .button-section.mobile.active span.line-more,
    .button-section.mobile:hover span.line-more {
        color: #FFFFFF;
        background-image: url('img/flecha.svg');
    }
    .filter-deskt {
        display: none;
    }
    .button-section.mobile span.line-more {
        font-size: 23px;
    }
    .filter-drops {
        display: flex;
        margin: 10% 0 0 0;
    }
    .text-fil-search {
        display: none;
    }
    .listas-desc,
    .etiquetas-desk {
        display: none;
    }
    .caja-etiquetas {
        margin: 0 0 8% 0;
    }
    .panel-group .mobile {
        display: flex;
        max-width: 96%;
        margin: 0 auto;
    }
    .tablink {
        font-family: "Gotham-Medium";
        font-size: 10px;
        height: 41px;
        border-radius: 5px;
        color: #000000;
        border-color: #d7d7d7;
        background-color: #ffffff;
        padding: 0 22px;
        margin: 0px 12px 27px 9px;
    }
    .tablink:hover {
        color: #000000;
        border-color: #5700E6;
        background-color: #EBEBFF;
    }
    .button-section .titulo-categoria-pagina {
        font-size: 14px;
    }
    /* TERMINA ESTILOS FILTROS QUE ES EL HIPO*/
    /* INICIA SECCIÓN MODAL */
    .modal .close {
        right: 0;
        top: 0;
    }
    .modal .modal-content {
        border-radius: 15px;
        width: 100%;
    }
    .modal .modal-content img {
        width: auto;
    }
    .modal .modal-content .cierre {
        width: 32px;
    }
    .modal .modal-header {
        width: 100%;
        height: 156px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .modal .modal-header p {
        font-size: 34px;
    }
    .modal .modal-body p {
        font-size: 24px;
        margin: 20px auto;
    }
    .modal .modal-body button {
        border-radius: 5px;
        width: 232px;
        height: 62px;
        font-size: 22px;
        margin: 25px auto;
    }
    /* TERMINA SECCIÓN MODAL */
    /* INICIA SECCIÓN AVISO */
    .aviso h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 40px auto;
    }
    .aviso .contenedor-texto-aviso {
        font-size: 16px;
        line-height: 22px;
        height: 100vh;
    }
    .aviso .contenedor-texto-aviso table td {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
    .aviso ::-webkit-scrollbar {
        width: 4px;
    }
    .aviso ::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }
    /* TERMINA SECCIÓN AVISO */
    /* INICIA SECCIÓN 404 */
    #site-content-404 h3 {
        font-size: 45px;
        line-height: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    #site-content-404 h3 span {
        border-bottom: 2px solid #FC3799;
    }
    #site-content-404 .text-error {
        font-size: 20px;
        line-height: 40px;
        width: 100%;
    }
    #site-content-404 .text-404 {
        font-size: 120px;
        line-height: 90px;
        width: 100%;
        margin: 0 auto;
    }
    #site-content-404 .text-comp {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
        margin: 40px 0;
    }
    #site-content-404 .line-hr {
        border: 2px solid #721CFF;
        max-width: 100%;
    }
    #site-content-404 .btn {
        border-radius: 2px;
        width: 220px;
        height: 70px;
        color: #5700E6;
        font-size: 18px;
        line-height: 18px;
        margin: 0 auto 40px auto;
    }
    #site-content-404 .btn img {
        width: 50px;
        margin: 0 0 0 20px;
    }
    /* TERMINA SECCIÓN 404 */
    /* INICIA SECCIÓN COMUNIDAD */
    .comunidad .textTipe {
        font-size: 16px;
        line-height: 16px;
        margin: 20px 0;
    }
    .comunidad .textTitle {
        font-size: 24px;
        line-height: 28px;
        margin: 20px 0;
    }
    .comunidad .textDescription {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0;
    }
    .comunidad .contenido {
        width: 10%;
        margin: 50px auto;
    }
    .comunidad p.color-intro-sub-section {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 20px 0;
    }
    .comunidad p.text-intro-search-sub-section {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 20px 0;
    }
    .comunidad section.container-btn-tabs {
        width: 280px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        border-radius: 15px;
        padding: 10px;
        margin: 0 auto;
    }
    .comunidad button.tab-button {
        min-width: 170px;
        height: 50px;
        color: #25262A;
        font-size: 16px;
        line-height: 26px;
        border-radius: 5px;
    }
    .comunidad .card {
        border-radius: 15px;
        box-shadow: 3px 9px 35px 0 rgba(45, 70, 79, 0.07);
        max-width: 400px;
        margin: 0 0 50px 0;
    }
    .comunidad .card img {
        width: 400px;
        height: auto;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .comunidad .text-post-read {
        min-height: auto;
    }
    .comunidad .alert-warning {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .comunidad .pagination {
        height: 60px;
        margin: 0;
    }
    .comunidad .page-item {
        height: 48px;
    }
    .comunidad .page-link {
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        height: 32px;
        width: 32px;
    }
    /* TERMINA SECCIÓN COMUNIDAD */
    /* INICIA SECCIÓN COMPARTIR REDES */
    .social-container {
        font-size: 18px;
        line-height: 20px;
        padding: 0 0 30px 0;
    }
    .social-container .social {
        border-radius: 48px;
        width: 200px;
        height: 50px;
    }
    .social-container .social-toggle::before {
        height: 30px;
        width: 30px;
        margin: 0 10px;
    }
    .social-container .social-drop {
        height: 50px;
        width: 200px;
        top: 0;
        left: 40px;
        border-radius: 30px;
    }
    .social-container .social-red::after {
        height: 30px;
        width: 30px;
    }
    /* TERMINA SECCIÓN COMPARTIR REDES */
    /* INICIA SECCIÓN ARTICULOS  */
    .post-referencias h3::before {
        height: 24px;
        width: 24px;
        margin: 0 5px 0 0;
    }
    .articulos-comunidad #dos-columnas-related .text-post-read {
        min-height: 100% !important;
    }
    /* TERMINA SECCIÓN ARTICULOS */
    .modal-dialog .close {
        right: 0!important;
        top: -40px!important;
        width: 100%!important;
        height: 36px!important;
        margin: 0!important;
    }
    .modal-dialog .close img {
        width: 36px!important;
    }
}

/* TERMINA SECCIÓN MOBILE */