/*
Theme Name: Crocal Child
Template: crocal
Version: 1.0
*/
/* CUSTOM STYLES */
/* GENERALS */

/* Ocultar el buscador en el menú superior 
#eut-top-bar, .search-form {
    display: none !important;
}*/

#eut-search-page-title {
    height: 100px !important;
}

/* BUTTONS */
a.btn-iddink,
.btn-iddink a,
button.btn-iddink,
input[type="submit"].btn-iddink,
input[type="button"].btn-iddink {
    min-width: 200px !important;
    max-width: 25px !important;
    padding: 0.85em 1.7em !important;
    border: 1px solid #A4D65E !important;
    border-color: #A4D65E !important;
    border-radius: 34.5px !important;
    line-height: 1 !important;
    box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.16) !important;
    background-color: #A4D65E !important;
    transition: 0.3s !important;
    cursor: pointer !important;
    color: #ffffff !important;
}

.btn-iddink-comanda span.eut-item {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important; /* Que use el blanco que le daremos al <a> */
    font-size: inherit !important;
    line-height: inherit !important;
    height: auto !important;
    display: inline !important;
}
/* BUTTON FER UNA COMANDA*/
a.btn-iddink-comanda,
.btn-iddink-comanda a,
button.btn-iddink-comanda,
input[type="submit"].btn-iddink-comanda,
input[type="button"].btn-iddink-comanda {
    min-width: 115px !important;
    max-width: 18px !important;
    padding: 9px 8px !important;
    border: 1px solid white !important;
    border-color: white !important;
    border-radius: 34.5px !important;
    line-height: 1 !important;
    box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.16) !important;
    background-color: #A4D65E !important;
    transition: 0.3s !important;
    cursor: pointer !important;
    color: #ffffff !important;
    top: 12px;
    font-weight: bold !important;
}


.btn-iddink-comanda:hover{
    border-color: #407EC9 !important;
    background-color: #407EC9 !important;
}


#eut-theme-wrapper a .eut-text-hover-primary-1 a:hover {
    color: #A4D65E !important;
}

.btn-iddink * {
    font-family: Montserrat !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-align: center !important;
    letter-spacing: 0.25px !important;
    line-height: 1.4 !important;
}

.btn-iddink span,
button.btn-iddink,
input[type="submit"].btn-iddink,
input[type="button"].btn-iddink {
    text-transform: lowercase !important;
    color: #ffffff !important;
}

.btn-iddink span::first-letter,
button.btn-iddink,
input[type="submit"].btn-iddink,
input[type="button"].btn-iddink {
    text-transform: uppercase !important;
    color: #ffffff !important;
}

a.btn-iddink:hover,
.btn-iddink a:hover,
button.btn-iddink a:hover,
input[type="submit"].btn-iddink:hover,
input[type="button"].btn-iddink:hover {
    border-color: #407EC9 !important;
    background-color: #407EC9 !important;
}

a.btn-iddink.btn-iddink-light,
.btn-iddink.btn-iddink-light a,
button.btn-iddink.btn-iddink-light,
input[type="submit"].btn-iddink.btn-iddink-light,
input[type="button"].btn-iddink.btn-iddink-light {
    border-color: #A4D65E !important;
    background-color: #A4D65E !important;
}

a.btn-iddink.btn-iddink-light:hover,
.btn-iddink.btn-iddink-light a:hover,
button.btn-iddink.btn-iddink-light:hover,
input[type="submit"].btn-iddink.btn-iddink-light a:hover,
input[type="button"].btn-iddink.btn-iddink-light a:hover {
    border-color: #407EC9 !important;
    background-color: #407EC9 !important;
}

.eut-btn {
    background-color: #A4D65E !important;
    color: white !important;
    border-color: transparent !important;
}

.eut-btn a {
    background-color: #A4D65E !important;
    color: white !important;
    border-color: transparent !important;
}

.eut-btn a:hover {
    background-color: #407EC9 !important;
    color: white !important;
    border-color: transparent !important;
}

.eut-btn:hover {
    background-color: #407EC9 !important;
    color: white !important;
    border-color: transparent !important;
}

#eut-header .eut-horizontal-menu ul.eut-menu li {
    padding-right: 20px !important;
    padding-top: 0px !important;
}

#eut-top-bar ul {
    font-family: Montserrat !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: bolder !important;
}

.eut-wrapper {
    padding-top: 0px !important;
    display: flex !important;
    width: 100% !important;               /* Asegura que ocupe todo el ancho para poder empujar a la derecha */
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* CUSTOM INPUT FILE */
.mb-input-file {
    margin-bottom: 40px !important;
}

.mb-input-file * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.mb-input-file br,
.mb-input-file > label > .wpcf7-form-control-wrap {
    display: none !important;
}

.mb-input-file > label > .mb-input-fake {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    cursor: pointer !important;
}

.mb-input-file > label > .mb-input-fake > * {
    display: inline-block !important;
}

.mb-input-file > label > .mb-input-fake > .mb-ifake-icon {
    width: 30px !important;
    padding-right: 10px !important;
    line-height: 0 !important;
    text-align: center !important;
}

.mb-input-file > label > .mb-input-fake > .mb-ifake-text {
    width: calc(100% - 30px) !important;
}

.mb-input-file > label > .mb-input-fake > .mb-ifake-text * {
    font-family: Montserrat !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 1.86 !important;
    letter-spacing: 0.19px !important;
}

.mb-input-file > label > .mb-input-fake > .mb-ifake-text p {
    width: 100% !important;
}

.mb-input-file > label > .mb-input-fake > .mb-ifake-text p.mb-ifake-t--label > span {
    color: #0073cf !important;
}

.mb-input-file > label > .mb-input-fake > .mb-ifake-text > .mb-ifake-t--output,
.mb-input-file > label > .mb-input-fake > .mb-ifake-text > .mb-ifake-t--output * {
    line-height: 1 !important;
}

.mb-input-file > label > .mb-input-fake > .mb-ifake-text > .mb-ifake-t--output > span {
    width: auto !important;
    padding: 5px 10px !important;
    border: 1px solid #eaeaea !important;
    color: #7e7e7e !important;
    display: inline-block !important;
    border-radius: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.eut-fancy-box-read-more::first-letter {
    color: inherit !important;
}

.simple-translate-panel {
    display: none !important;
}

/* HEADER */
#menu-main-menu-derecha {
    display: none !important;
}

#eut-main-header > div > div {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-content: flex-end !important;
}

#eut-main-header .eut-logo {
    min-width: 160px !important;
    margin:10px 0px !important;
}

#eut-main-header .eut-logo img {
    display: inline-block !important;
}

#eut-main-menu {
    height: 60px !important;
    float: unset !important;
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;
    margin-top:17px !important;
}

#eut-main-menu > div {
    width: 100% !important;
}

#menu-main-menu, #menu-main-menu-ca {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}

#menu-main-menu-ca > li,
#menu-main-menu > li {
    padding-top: 0 !important;
    pointer-events: none !important;
}

#menu-main-menu-ca > li > .sub-menu,
#menu-main-menu > li > .sub-menu {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#menu-main-menu-ca > li:nth-last-child(2),
#menu-main-menu > li:nth-last-child(2) {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
}

#menu-main-menu-ca > li:nth-last-child(2)::before,
#menu-main-menu > li:nth-last-child(2)::before {
    content: "" !important;
    width: 100% !important;
    display: inline-block !important;
}

#menu-main-menu-ca > li:nth-last-child(2) > .sub-menu,
#menu-main-menu > li:nth-last-child(2) > .sub-menu,
#menu-main-menu-ca > li:nth-last-child(1) > .sub-menu,
#menu-main-menu > li:nth-last-child(1) > .sub-menu {
    left: unset !important;
    right: 0 !important;
}

#menu-main-menu-ca a,
#menu-main-menu a {
    height: 45px !important;
    line-height: 45px !important;
    pointer-events: all !important;
}

#menu-main-menu-ca a > span,
#menu-main-menu a > span {
    height: 45px !important;
    white-space: nowrap !important;
    display: inline-block !important;
}

#menu-main-menu-ca a > span::after,
#menu-main-menu a > span::after {
    bottom: 0 !important;
}

#menu-main-menu-ca > li > .sub-menu a,
#menu-main-menu > li > .sub-menu a {
    line-height: 20px !important;
    padding: 20px 10px !important;
    margin: -15px 0px !important;
    background-color: #006eb8 !important;
}

#eut-hidden-menu .eut-menu > .menu-item {
    width: 100% !important;
    display: inline-block !important;
}

#eut-hidden-menu .eut-menu > .menu-item > a {
    width: calc(100% - 55px) !important;
}

#eut-hidden-menu .eut-menu > .menu-item > .eut-arrow {
    height: 18px !important;
    padding: 25px 25px !important;
    padding-right: 0 !important;
    box-sizing: content-box !important;
    overflow: hidden !important;
    float: right !important;
}

#eut-hidden-menu .eut-menu .sub-menu .menu-item > a {
    font-size: 16px !important;
}

.sub-menu ul.sub-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}

.eut-blog-columns.eut-with-shadow .eut-blog-item .eut-blog-item-inner {
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important;
}

.eut-blog .eut-media img {
    border-radius: 8px !important;
}

#eut-post-title .eut-categories li a:hover {
    background-color: #003dcf !important;
    border-color: #003dcf !important;
}

div.polaroid {
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3) !important;
}

#eut-header .eut-main-menu.eut-menu-type-underline .eut-wrapper > ul > li > a .eut-item:after {
    background-color: #ffcd67 !important;
}

#eut-theme-wrapper .eut-modal .eut-search input[type='text']::selection {
    background: #003dcf !important;
}

#eut-theme-wrapper .eut-modal .eut-search input[type='text'] {
    font-size: 30px !important;
    color: #808080 !important;
    border-color: #767676 !important;
}

.eut-blog-columns.eut-with-shadow .eut-blog-item:not(.eut-style-2) .eut-post-content-wrapper {
    padding: 13% !important;
}

.eut-post-header a .eut-h4 {
    font-size: 19px !important;
    letter-spacing: 0.26px !important;
    line-height: 25px !important;
}

.owl-carousel .owl-stage {
    display: flex !important;
    align-items: center !important;
}

#eut-main-search-loop .eut-blog-item-inner {
    height: 450px !important;
}

.eut-blog-item-inner {
    height: 580px !important;
}

/* Cambio colores y fuente*/
.desc_home_titulo_banner {
    font-family: Montserrat !important;
    color: #ffffff !important;
}

.desc_home_subtitulo_banner {
    font-family: Montserrat !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: 0.39px !important;
    color: #ffffff !important;
}

.desc_home_titulo_azul {
    font-family: Montserrat !important;
    font-size: 45px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.28 !important;
    letter-spacing: 0.74px !important;
    text-align: center !important;
    color: #0073cf !important;
}

.desc_home_titulo_azul_mobile {
    font-family: Montserrat !important;
    font-size: 25px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.2 !important;
    letter-spacing: 0.74px !important;
    text-align: center !important;
    color: #0073cf !important;
}

.desc_home_subtitulo_libros {
    font-family: Montserrat !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.5 !important;
    letter-spacing: 0.22px !important;
    text-align: center !important;
    color: #9b9b9b !important;
}

.desc_home_titulo_azul_area {
    font-family: Montserrat !important;
    font-size: 24px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.75 !important;
    letter-spacing: 0.33px !important;
    text-align: center !important;
    color: #A4D65E !important;
}

.desc_home_selecciona {
    font-family: Montserrat !important;
    font-size: 30px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: 0.42px !important;
    text-align: center !important;
    color: #000000 !important;
}

.desc_home_selecciona_mobile {
    font-family: Montserrat !important;
    font-size: 25px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: 0.42px !important;
    text-align: center !important;
    color: #000000 !important;
}

.desc_home_titulo_azul_30 {
    font-family: Montserrat !important;
    font-size: 26px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.37 !important;
    letter-spacing: 0.42px !important;
    text-align: center !important;
    color: #A4D65E !important;
}

.desc_home_titulo_azul_25_mobile {
    font-family: Montserrat !important;
    font-size: 25px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.25 !important;
    letter-spacing: 0.42px !important;
    text-align: center !important;
    color: #0073cf !important;
}

.desc_home_titulo_azul_36 {
    font-family: Montserrat !important;
    font-size: 36px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.37 !important;
    letter-spacing: 0.42px !important;
    text-align: center !important;
    color: #A4D65E !important;
}

.desc_home_texto_bloque {
    font-family: Montserrat !important;
    font-size: 20px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: 0.28px !important;
    color: #000000 !important;
    margin-bottom: 10px !important;
}

.desc_home_texto_detalle {
    font-family: Montserrat !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.79 !important;
    letter-spacing: -0.11px !important;
    color: #767676 !important;
}

.desc_home_titulo_educando {
    font-family: Montserrat !important;
    font-size: 40px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.3 !important;
    letter-spacing: 0.42px !important;
    text-align: center !important;
    color: #ffffff !important;
}

.desc_home_titulo_educando_mobile {
    font-family: Montserrat !important;
    font-size: 25px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.3 !important;
    letter-spacing: 0.42px !important;
    text-align: center !important;
    color: #ffffff !important;
}

.eut-headings-primary-6 h3.eut-box-title {
    color: #B1B1B1 !important;
    font-family: Montserrat !important;
    font-weight: bold !important;
}

.centros-eut-subtitle-text-noticias {
    font-size: 13px !important;
    font-family: Montserrat !important;
    font-weight: normal !important;
    color: #B1B1B1 !important;
}

.desc_escuelaverde_titulo_bloque,
.desc_otrosservicios_texto_bloque,
.desc_reutilizacionlibro_titulo,
.desc_reutilizacionlibro_bloque,
.desc_reutilizacionlibro_titulo_mobile,
.desc_reutilizacionlibro_bloque_mobile,
.desc_reutilizacionlibro_texto_bloque,
.desc_reutilizacionlibro_titulo_bloque,
.desc_reutilizacionlibro_titulo_bloque_mobile,
.desc_reutilizacionlibro_titulo_bloque_mobile1,
.desc_reutilizacionlibro_titulo_bloque_ecobook,
.desc_reutilizacionlibro_titulo_bloque_ecobook_mobile,
.desc_reutilizacionlibro_titulo_texto,
.desc_reutilizacionlibro_grafico_titulo_azul,
.desc_reutilizacionlibro_grafico_titulo_azul_mobile,
.desc_reutilizacionlibro_grafico_subtitulo,
.desc_reutilizacionlibro_grafico_iconos,
.desc_reutilizacionlibro_link_readmore,
.desc_reutilizacionlibro_title_button,
.desc_reutilizacionlibro_title_button_mobile,
.desc_otrosservicios_titulo,
.desc_otrosservicios_titulo_mobile,
.desc_otrosservicios_subtitulo,
.desc_otrosservicios_subtitulo_mobile,
.desc_otrosservicios_texto_detalle {
    font-family: Montserrat !important;
}

.desc_centros1 {
    font-family: Montserrat !important;
    font-size: 24px !important;
    color: #A4D65E !important;
}

.eut-headings-aqua h6,
#eut-theme-wrapper,
.eut-text-aqua,
.desc_otrosservicios_texto_bloque span {
    color: #B1B1B1 !important;
}

h5, h6, .eut-h6 {
    font-family: Montserrat !important;
}

.desc_reutilizacionlibro_title_button {
    color: black !important;
}

.desc_otrosservicios_texto3,
.desc_reutilizacionlibro_grafico_titulo_azul,
.desc_iddinkdigital_titulo_azul {
    color: #A4D65E !important;
}

.desc_reutilizacionlibro_titulo_bloque_ecobook span {
    color: black !important;
}

.desc_iddinkdigital_titulo_dia span {
    font-family: Montserrat !important;
    color: #A4D65E !important;
}

/* Area Privada & Others (Applied to all remaining classes) */
.desc_areaprivada_titulo_azul, .desc_areaprivada_titulo_azul_mobile,
.desc_areaprivada_subtitulo, .desc_areaprivada_subtitulo_mobile,
.desc_areaprivada_bloque, .desc_areaprivada_targetas_titulo,
.desc_areaprivada_targetas_titulo_mobile, .desc_areaprivada_targetas_bloque,
.desc_areaprivada_targetas_bloque_mobile, .desc_areaprivada_text_post_tagetas,
.desc_boton_mobile, .desc_nuevopedido_title1, .desc_nuevopedido_bloque,
.desc_nuevopedido_targetas_titulo, .desc_nuevopedido_targetas_titulo_mobile,
.desc_nuevopedido_targetas_bloque, .desc_nuevopedido_text_frase1_targetas,
.desc_nuevopedido_text_frase2_targetas, .desc_nuevopedido_text_frase2_targetas_mobile,
.desc_nuevopedido_text_frase3_targetas, .desc_nuevopedido_text_frase3_targetas_mobile,
.desc_nuevopedido_post_titulo, .desc_nuevopedido_post_listado,
.desc_nuevopedido_beneficios_item, .eut-heading-color, .title_contact1,
.subtitle_contact1, #desc_contactar_subtitulo, .desc_contactar_form_titulo,
.desc_contactar_form_902, .desc_grupoiddink_titulo_blanco, .desc_grupoiddink_subtitulo,
.desc_grupoiddink_titulo_azul, .desc_grupoiddink_fecha, .desc_grupoiddink_texto,
.eut-h4, .desc_centros1_mobile, .desc_centros2, .centros_icon_1,
.centros_icon_1 h1, .centros-surtido, .eut-box-icon h4,
.centros-subtitulo-plataforma, .desc_centros_titulo, .desc_centros_subtitulo,
#btn-centros-banner .btn-cb--text, #btn-centros-banner .btn-cb--button *,
.desc_politicaprivacidad_titulo_azul, .desc_politicaprivacidad_menu_lateral_item,
.desc_politicaprivacidad_titulo_item, .desc_politicaprivacidad_texto_item,
.tg td, .tg th, .desc_materialeseducativos_titulo, .desc_materialeseducativos_titulo_mobile,
.desc_materialeseducativos_bloque1, .desc_materialeseducativos_bloque1_mobile,
.desc_materialeseducativos_titulo_azul, .desc_materialeseducativos_titulo_azul_mobile,
.desc_materialeseducativos_titulo_bloque, .desc_materialeseducativos_titulo_bloque_mobile,
.desc_materialeseducativos_texto_bloque, .desc_materialeseducativos_texto_bloque_check,
.desc_materialeseducativos_texto_bloque_bullet, .desc_materialeseducativos_texto_fancy,
.desc_escuelaverde_titulo, .desc_escuelaverde_titulo_bloque_mobile,
.desc_escuelaverde_texto_bloque, .desc_escuelaverde_texto_bloque_mobile,
.desc_escuelaverde_listado_item, .desc_escuelaverde_grafico_titulo_azul,
.desc_escuelaverde_grafico_titulo_azul_mobile, .desc_escuelaverde_grafico_subtitulo,
.desc_escuelaverde_grafico_texto, .desc_iddinkdigital_titulo,
.desc_iddinkdigital_titulo_mobile, .desc_iddinkdigital_subtitulo,
.desc_iddinkdigital_subtitulo_mobile, .desc_iddinkdigital_subtitulo_negro,
.desc_iddinkdigital_subtitulo_negro_mobile, .desc_iddinkdigital_texto_bloque,
.desc_iddinkdigital_titulo_bloque, .desc_iddinkdigital_titulo_azul_mobile,
.desc_iddinkdigital_titulo_dia, .desc_iddinkdigital_titulo_dia_mobile,
.desc_iddinkdigital_texto_dia, .desc_iddinkdigital_texto,
.desc_iddinkdigital_texto_dia_mobile, .desc_iddinkdigital_titulo2,
.desc_iddinkdigital_titulo2_mobile, .wpcf7-list-item-label, .dev_pregunta,
.dev_pregunta_mobile, .desc_reutilizacionlibro_titulo_bloque2,
.desc_reutilizacionlibro_titulo_bloque_ecobook_mobile1,
.desc_reutilizacionlibro_grafico_titulo_blanco,
.desc_reutilizacionlibro_grafico_titulo_blanco_mobile,
.desc_referencias_titulo_azul, .desc_referencias_centro, .desc_referencias_campos,
.desc_referencias_fechas, .desc_referencias_autor, .desc_otrosservicios_texto2,
.desc_otrosservicios_texto2_mobile, .desc_otrosservicios_texto3_mobile,
.desc_otrosservicios_titulo_fomentamos, .desc_otrosservicios_titulo_fomentamos_mobile {
    font-family: Montserrat !important;
}

.imagen-custom-400 {
    width: 400px !important;
    height: 400px !important;
    object-fit: cover !important;
}

/* =====================================================
   IDDINK / CROCAL
   BLOQUE COMPLETO GLOBAL
===================================================== */

/* ---------- BASE ---------- */


.eut-content-wrapper {
    background-color: #006eb8 !important;
}    
#eut-content::before{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 168px !important;
  background: #006eb8;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* ---------- HEADER ---------- */

body.wp-theme-crocal #eut-header{
  position: relative;
  z-index: 9999;
  margin: 0 !important;
}

body.wp-theme-crocal #eut-main-header{
  background: #006eb8;
  min-height: 70px !important;
}

/* Neutralizar comportamientos raros del layout */
body.wp-theme-crocal #eut-theme-content,
body.wp-theme-crocal .eut-single-wrapper,
body.wp-theme-crocal .eut-content-wrapper{
  margin-top: 0 !important;
  padding-top: 0 !important;
  background-color: #efefef !important;
  top:-32px !important;
}

/* ---------- TARJETA PRINCIPAL ---------- */

/* Caso normal */
#eut-main-content{
  position: relative;
  z-index: 2;
  max-width: 1342px;
  margin: 89px auto 23px auto;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  width: 94% !important;
}

.eut-container{
    max-width: 1342px;
}

/* Caso con header overlapping:
   necesita más margen porque el header tapa el borde superior */
body.wp-theme-crocal #eut-header.eut-overlapping + #eut-theme-content #eut-main-content{
  margin-top: 10px;
  position: relative;
  z-index: 2;
  max-width: 1342px;
  margin: 89px auto 23px auto;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
}

body.wp-theme-crocal #eut-main-content-wrapper,
body.wp-theme-crocal .eut-main-content-wrapper{
  border-radius: 18px;
  overflow: hidden;
  margin-top:0px;
}

/* ---------- REDONDEADO SUPERIOR ---------- */

body.wp-theme-crocal #eut-main-content-wrapper,
body.wp-theme-crocal #eut-main-content-wrapper .eut-section,
body.wp-theme-crocal #eut-main-content-wrapper .eut-background-wrapper,
body.wp-theme-crocal #eut-main-content-wrapper .eut-bg-image{
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  overflow: hidden;
}

/* Imágenes superiores */
body.wp-theme-crocal #eut-main-content-wrapper img{
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

/* Smart Slider / Nextend */
body.wp-theme-crocal .n2-section-smartslider,
body.wp-theme-crocal .n2-ss-slider,
body.wp-theme-crocal .n2-ss-slider-wrapper-inside,
body.wp-theme-crocal .n2-ss-slide-backgrounds,
body.wp-theme-crocal .n2-ss-slide-background,
body.wp-theme-crocal .n2-ss-slide-background-image{
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
  overflow: hidden !important;
}

/* Owl / sliders Crocal */
body.wp-theme-crocal .owl-carousel,
body.wp-theme-crocal .eut-slider-element,
body.wp-theme-crocal .eut-slider-item,
body.wp-theme-crocal .eut-thumbnail-wrapper,
body.wp-theme-crocal .eut-thumbnail{
  overflow: hidden;
}

/* ---------- FOOTER ---------- */

body.wp-theme-crocal #eut-footer{
  position: relative;
  z-index: 1;
  margin-top:-33px !important;
}


/*parte del prehome*/

.site-footer{
        margin-bottom:0px !important;
        background-color: #efefef !important;
        padding-top:30px !important;
    }
    /* Footer */
    .foot{padding:18px 0;background:#fff;border-top:1px solid #eee}
    .foot-inner{max-width:794px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;color:#666;font-size:13px}
    .footer_iddink_normal2{
        font-size: 13px !important;
        margin: 0px 7px !important;
        color: #26282a !important;
        text-decoration: underline !important;
    }
    .link-footer-sin{
       text-decoration:none !important;
        font-size: 13px !important;
        margin: 0px 0px !important;
        color: #26282a !important;
    }
    .footer_iddink_normal2:hover {
        text-decoration: none !important;
        font-size: 13px !important;
        color:#006eb8 !important; /* El azul corporativo de Iddink que vimos antes */
    }
    .footer_iddink_normal2 span{
        text-decoration: none !important;
    }
    .footer-center{
      display: flex;
      align-items: center;   /* Centra verticalmente los hijos */
      justify-content: center; /* Centra horizontalmente todo el bloque */
      gap: 40px;             /* Espacio horizontal entre los elementos, ajusta este valor si quieres más o menos separación */
      padding: 0px 140px;
    }
    .pie-logo-izquierda{
        margin-right: 25px;
    }
    
    .font-white{
        color: white;
        padding:8px;
    }
    .siteFooter_logo__97Q0E{
        color: #006eb7;
        margin: auto;
        width: 190px
    }

    .eut-column-content{
        margin-left:20px !important;
        margin-right:20px !important;
    }

    

    /* 3. Estilo del título DENTRO de la tarjeta (Negro y centrado) */
    .custom-inner-title {
        padding: 20px 0 40px 0 !important;
        text-align: center !important;
        width: 100% !important;
    }

    .custom-inner-title h1, 
    .custom-inner-title .eut-title {
        color: #333333 !important; /* Texto oscuro */
        font-size: 32px !important;
        margin-bottom: 10px !important;
        line-height: 1.2 !important;
    }

    /* Ajuste de la fecha/meta */
    .custom-inner-title .eut-entry-meta {
        justify-content: center !important;
        display: flex !important;
        color: #777777 !important;
    }

    /* Limpieza de fondos del título original */
    body.single-post .custom-inner-title {
        background: transparent !important;
    }

    .eut-logo .eut-wrapper img {
        display: block !important;
        position: relative !important;
        height: 40px !important;
        width: auto !important;
        max-width: none;
    }

    /* =====================================================
   ESTILOS RESPONSIVE GLOBAL (Móvil y Tablet)
===================================================== */

/* --- TABLETS (Hasta 1024px) --- */
@media (max-width: 1024px) {
    /* Ajuste de fuentes de títulos grandes */
    .desc_home_titulo_azul, .desc_home_titulo_educando {
        font-size: 32px !important;
    }
    
    .desc_home_subtitulo_banner {
        font-size: 22px !important;
    }

    /* Reducimos el padding de la tarjeta del blog */
    body.single-post .eut-content-wrapper {
        padding: 20px !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    
    /* El footer debe empezar a apilarse */
    .footer-center {
        padding: 0 40px !important;
        gap: 20px !important;
    }
}

/* --- MÓVILES (Hasta 767px) --- */
@media (max-width: 767px) {
    
    /* 1. HEADER & LOGO */
    #eut-main-header .eut-logo {
        min-width: 120px !important;
        max-width: 140px !important;
    }
    
    #eut-main-header > div > div {
        justify-content: space-between !important; /* Logo a un lado, menú al otro */
        padding: 0 15px !important;
    }

    /* 2. TARJETA BLANCA PRINCIPAL */
    #eut-main-content {
        width: 96% !important;
        margin-top: 50px !important; /* Menos espacio arriba en móvil */
        border-radius: 15px !important;
    }

    /* 3. TIPOGRAFÍAS MÓVIL */
    .desc_home_titulo_azul, 
    .desc_home_titulo_educando,
    .desc_home_titulo_azul_area {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    .desc_home_texto_bloque {
        font-size: 18px !important;
        text-align: center !important;
    }

    .desc_home_texto_detalle {
        text-align: center !important;
    }

    /* 4. BOTONES (Hacer que no se desborden) */
    a.btn-iddink {
        min-width: 100% !important; /* Botones a ancho completo en móvil */
        display: block !important;
        margin-bottom: 10px !important;
    }

    /* 5. FOOTER (Apilado vertical) */
    .footer-center {
        flex-direction: column !important; /* Elementos uno debajo de otro */
        text-align: center !important;
        gap: 15px !important;
        padding: 20px !important;
    }

    .pie-logo-izquierda {
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    .foot-inner {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }

    /* 6. BLOG & POSTS */
    body.single-post .eut-content-wrapper {
        margin-top: -40px !important; /* Menos solape para que no tape el título */
        padding: 15px !important;
    }

    .custom-inner-title h1 {
        font-size: 24px !important;
    }

    /* 7. IMÁGENES CUSTOM */
    .imagen-custom-400 {
        width: 100% !important; /* Que la imagen ocupe todo el ancho */
        height: auto !important;
    }
    
    .eut-appear-content{
        margin-top:20px !important;
    }
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 1000px){

  
  body.wp-theme-crocal #eut-main-content{
    margin: 70px 16px 32px 16px;
    border-radius: 18px;
  }

  body.wp-theme-crocal #eut-header.eut-overlapping + #eut-theme-content #eut-main-content{
    margin-top: 80px;
  }

  body.wp-theme-crocal #eut-main-content-wrapper,
  body.wp-theme-crocal #eut-main-content-wrapper .eut-section,
  body.wp-theme-crocal #eut-main-content-wrapper .eut-background-wrapper,
  body.wp-theme-crocal #eut-main-content-wrapper .eut-bg-image,
  body.wp-theme-crocal .n2-section-smartslider,
  body.wp-theme-crocal .n2-ss-slider,
  body.wp-theme-crocal .n2-ss-slider-wrapper-inside,
  body.wp-theme-crocal .n2-ss-slide-backgrounds{
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
  }
}

@media (max-width: 767px){

  

  body.wp-theme-crocal #eut-main-content{
    margin: 24px 12px 24px 12px;
    border-radius: 14px;
  }

  body.wp-theme-crocal #eut-header.eut-overlapping + #eut-theme-content #eut-main-content{
    margin-top: 90px !important;
  }
  
  body.wp-theme-crocal #eut-main-content-wrapper,
  body.wp-theme-crocal #eut-main-content-wrapper .eut-section,
  body.wp-theme-crocal #eut-main-content-wrapper .eut-background-wrapper,
  body.wp-theme-crocal #eut-main-content-wrapper .eut-bg-image,
  body.wp-theme-crocal .n2-section-smartslider,
  body.wp-theme-crocal .n2-ss-slider,
  body.wp-theme-crocal .n2-ss-slider-wrapper-inside,
  body.wp-theme-crocal .n2-ss-slide-backgrounds{
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
    height:auto !important;
  }
  .custom-post-title{
    font-size: 24px !important;
  } 
}

/* ===== Media query: convertir menú en hamburguesa por debajo de 1158px ===== */
@media (max-width: 800px) {
    /* Ocultar menú de escritorio */
    body.wp-theme-crocal #eut-main-menu {
        display: none !important;
    }

    /* Mostrar trigger / contenedor del menú móvil y asegurar interactividad */
    .eut-mobile-menu-element,
    .eut-menu-trigger,
    #eut-mobile-menu-inline {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 99999 !important;
    }

    /* Asegurar las rayas de la hamburguesa sean visibles */
    .eut-menu-trigger .eut-line {
        background-color: #ffffff !important;
    }
}

/* ===== Ajustes: poner header por encima de la banda azul y alinear slider arriba ===== */
@media (max-width: 800px) {
    /* Mover la banda azul hacia abajo para que el header fijo quede encima */
    

    /* Asegurar que el header fijo se muestre encima */
    #eut-responsive-header {
        z-index: 300000 !important;
    }

    /* Slider: mostrar la parte superior de la imagen y aplicar redondeado superior */
    .n2-ss-slide-background,
    .n2-ss-slide-background-image,
    .eut-bg-image,
    .eut-thumbnail-wrapper,
    .eut-thumbnail {
        background-position: top center !important;
        background-size: cover !important;
        overflow: hidden !important;
    }

    /* Si el slider usa <img>, forzar object-position y rounded corners */
    .n2-ss-slide-background-image img,
    .n2-ss-slide-background img,
    .eut-blog .eut-media img {
        object-fit: cover !important;
        object-position: top center !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* Ensurar las esquinas redondeadas se vean bien y la banda azul no las tape */
    body.wp-theme-crocal #eut-main-content,
    body.wp-theme-crocal #eut-main-content-wrapper,
    body.wp-theme-crocal .n2-section-smartslider,
    body.wp-theme-crocal .n2-ss-slider-wrapper-inside {
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        overflow: visible !important;
        background-clip: padding-box !important;
    }

    /* Empujar ligeramente la banda azul hacia abajo para que no oculte las esquinas */
  
    /* Ajustar margen superior de la tarjeta para mantener separación adecuada */
    body.wp-theme-crocal #eut-main-content{
        margin-top: 89px !important;
    }
}


/* ===== Overlay header: fijo, centrado y por encima del slider (<=1158px) ===== */
@media (max-width: 1066px) {
    /* Esto empuja el elemento a la derecha ocupando todo el margen izquierdo disponible */
    .eut-header-elements-wrapper.eut-position-right {
        margin-left: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
    }

    /* Aseguramos que el botón interno también se alinee bien */
    .eut-hidden-menu-btn.eut-position-right {
        float: none !important; /* Por si hubiera un float antiguo */
        display: flex !important;
        margin-right: 8px !important;
    }
        /* 1. Forzar que el contenedor principal ignore el ancho máximo */
    #eut-header .eut-container {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 20px !important; /* Espacio de seguridad en los bordes */
    }

    /* 2. Quitar el límite de ancho a la fila interna */
    #eut-header .eut-row {
        max-width: 100% !important;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important; /* Logo a un lado, Menú al otro */
    }

    /* 3. Asegurar que las columnas dentro no tengan márgenes que centren */
    #eut-header .eut-column {
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important; /* Que solo ocupen lo que mide el logo/icono */
    }
    /* Fijar el header responsivo por encima del slider */
    #eut-responsive-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 30px !important; /* altura reducida según tu ajuste */
        display: flex !important;
        align-items: center !important;
        z-index: 260000 !important; /* mucho más alto que el slider */
        background: #006eb8 !important; /* mantener color */
        
    }

    /* Contenedor interno: centrar y repartir espacio */
    #eut-main-responsive-header .eut-container {
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 18px !important;
        box-sizing: border-box !important;
        min-height: 80px !important;
    }

    /* Logo: tamaño ligeramente menor que la altura del header para centrado visual */
    #eut-main-responsive-header .eut-logo .eut-wrapper img.eut-logo-responsive {
        height: 40px !important;
        max-height: 40px !important;
        width: auto !important;
        display: block !important;
        width: 197px !important
    }

    /* Wrapper del logo centrado verticalmente */
    #eut-main-responsive-header .eut-logo .eut-wrapper {
        display: flex !important;
        align-items: center !important;
        height: 50px !important;
        top: 0px !important;
        left:2px !important;
    }

    /* Hamburguesa: alineada a la derecha y centrada verticalmente */
    .eut-hidden-menu-btn { order: 2 !important; margin: 0 !important; }
    .eut-hidden-menu-btn .eut-toggle-hiddenarea {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px !important;
        margin-left: 8px !important;
    }

    /* Asegurar que el contenido que sigue no se muestre recortado por el header (si prefieres que no se oculte, comentar esta regla) */
    body.wp-theme-crocal #eut-theme-content { margin-top: 0 !important; }
    
   
}

/* ===== Ajustes: logo más grande y hamburguesa centrada en header responsivo ===== */
@media (max-width: 1066px) {
    /* Alineamos el contenedor responsive como flex row */
    #eut-responsive-header #eut-main-responsive-header .eut-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 16px !important;
        gap: 12px !important;
    }

    /* Hacer el logo responsive igual de grande que el header de escritorio */
    .eut-logo-responsive {
        height: 64px !important; /* aumentar para mejor visibilidad */
        max-height: 64px !important;
        width: auto !important;
        display: block !important;
    }

    /* Forzar altura mínima del header responsivo para centrar la hamburguesa */
    #eut-responsive-header {
        min-height: 75px !important;
        display: flex !important;
        align-items: center !important;
        position: relative !important;
        z-index: 230000 !important;
    }

    /* Posicionar y centrar verticalmente el botón hamburguesa a la derecha */
    .eut-hidden-menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
        order: 2 !important;
        padding-right: 26px !important;
        padding-top: 18px !important;
    }

    .eut-hidden-menu-btn .eut-toggle-hiddenarea {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px !important;
        margin: 0 !important;
    }

    /* Forzar que el logo quede a la izquierda y no se centre */
    #eut-responsive-header .eut-logo {
        order: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    /* Anular regla general que fuerza height:100% en .eut-logo img
         y forzar tamaño deseado solo en header responsivo */
    #eut-responsive-header .eut-logo .eut-wrapper img.eut-logo-responsive {
        height: 50px !important;
        max-height: 50px !important;
        width: auto !important;
        display: block !important;
    }

    /* Asegurar que el contenedor del logo deja espacio para la imagen */
    #eut-responsive-header .eut-logo { min-height: 50px !important; display:flex !important; align-items:center !important; }

    /* Asegurar que la zona de elementos del header se coloque a la derecha */
    #eut-responsive-header .eut-header-elements-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
        order: 1 !important;
    }

    /* Dibujar las 3 rayas de la hamburguesa y hacerlas más visibles */
    .eut-toggle-hiddenarea .eut-item span {
        display: block !important;
        width: 28px !important;
        height: 3px !important;
        background-color: #ffffff !important;
        margin: 3px 0 !important;
        border-radius: 2px !important;
    }

    /* Espacio derecho para que la hamburguesa no quede pegada al borde */
    #eut-main-responsive-header .eut-container { padding-right: 20px !important; }
}


/* Mostrar header responsivo y ocultar header de escritorio por debajo de 1158px */
@media (max-width: 1066px) {
    /* Ocultar header principal de escritorio */
    #eut-main-header { display: none !important; }

    /* Mostrar header responsivo (si existe en el DOM) */
    #eut-responsive-header {
        display: block !important;
        position: relative !important;
        z-index: 230000 !important;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
    }

    /* Asegurar que el contenedor del responsive header esté visible y centrado */
    #eut-main-responsive-header, #eut-main-responsive-header .eut-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        background-color: #006eb8 !important;
    }

    /* Hacer visible el botón 'hidden menu' (hamburguesa) */
    .eut-hidden-menu-btn { display: block !important; }
    .eut-hidden-menu-btn .eut-toggle-hiddenarea { display: inline-flex !important; pointer-events: auto !important; }

   

    /* Evitar que el contenido quede bajo el header responsive */
    body.wp-theme-crocal #eut-theme-content { padding-top: 0 !important; }
}


/* Fallback: si el trigger no está presente, mostramos el menú oculto directamente */
@media (max-width: 1066px) {
   
    .btn-iddink-comanda{
        margin-bottom:38px !important;
        margin-top:14px !important
    }
    /* Asegurar que el header se vea encima */
    body.wp-theme-crocal #eut-header { z-index: 230000 !important; position: relative !important; }
}

/* Mostrar #eut-hidden-menu cuando se activa por fragmento (#eut-hidden-menu) */
@media (max-width: 1066px) {
    #eut-hidden-menu:target {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }
}
/* Smart Slider: ajustes para <=1158px (imagenes, texto y botones) */
@media (max-width: 1158px) {
    /* Limitar altura del slider para que no ocupe demasiado espacio */
    .n2-ss-slider,
    .n2-ss-slide,
    .n2-ss-slider-wrapper-inside {
        max-height: 460px !important;
        height: auto !important;
        overflow: hidden !important;
    }

    /* Fondos e imágenes: mostrar la parte superior y cubrir */
    .n2-ss-slide-background,
    .n2-ss-slide-background-image,
    .n2-ss-slide-backgrounds,
    .eut-bg-image {
        background-size: cover !important;
        background-position: top center !important;
    }

    .n2-ss-slide-background-image img,
    .n2-ss-slide-background img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        object-position: top center !important;
        display: block !important;
    }

    /* Ajustes de tipografía dentro del slide para que encaje */
    .n2-ss-slide .n2-ss-title,
    .n2-ss-slide .n2-ss-caption,
    .n2-ss-slide .n2-ss-subtitle,
    .n2-ss-slide .n2-ss-description {
        font-size: 18px !important;
        line-height: 1.18 !important;
        padding: 6px 10px !important;
    }

    /* Titulares grandes reducidos */
    .n2-ss-slide .n2-ss-title { font-size: 28px !important; }

    /* Botones dentro del slider: tamaño y padding */
    .n2-ss-slide .n2-ss-button,
    .n2-ss-slide .n2-btn,
    .n2-ss-slide .n2-ss-button a {
        font-size: 14px !important;
        padding: 8px 14px !important;
        border-radius: 18px !important;
        display: inline-block !important;
    }

    /* Espaciado general del contenido del slide */
    .n2-ss-slide .n2-ss-slide-inner,
    .n2-ss-slide .n2-ss-slide-content {
        padding: 12px 14px !important;
    }

    /* En pantallas aún más pequeñas hacemos los cambios más conservadores */
    @media (max-width: 767px) {
        .n2-ss-slider,
        .n2-ss-slide { max-height: 320px !important; }
        .n2-ss-slide .n2-ss-title { font-size: 20px !important; }
        .n2-ss-slide .n2-ss-caption { font-size: 14px !important; }
        .n2-ss-slide .n2-ss-button, .n2-ss-slide .n2-btn { font-size: 13px !important; padding: 6px 12px !important; }
    }
}




/* Robust show rules: si JS añade una clase/atributo, también mostramos el menú */
@media (max-width: 1066px) {
    #eut-hidden-menu.open,
    #eut-hidden-menu.active,
    #eut-hidden-menu[aria-hidden="false"],
    body.eut-hidden-open #eut-hidden-menu,
    body.eut-sidearea-open #eut-hidden-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
        position: fixed !important;
        top: 80px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 999999 !important; /* ensure above any overlay */
        background: #006eb8 !important;
    }

    /* Ensure menu inner items are visible */
    #eut-hidden-menu .eut-menu { display: flex !important; flex-direction: column !important; }
    #eut-hidden-menu .eut-menu .menu-item > a { color: #ffffff !important; }
    .eut-slide-menu ul.eut-menu .eut-goback .eut-arrow {
        padding-top:0px !important;
    }
    .sub-menu {
            top: -26.5938px !important;
    }

   
}
/* =====================
     FOOTER: ajuste dentro de @media (max-width:1158px)
     Apilar y centrar los 3 elementos (logo Iddink, texto, logo Sanoma)
     ===================== */
@media (max-width: 1158px) {
    .footer-center {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 18px !important;
        padding: 20px 12px !important;
        box-sizing: border-box !important;
    }

    .footer-center > * {
        width: 100% !important;
        max-width: 520px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .pie-logo-izquierda img,
    .siteFooter_logo__97Q0E img {
        max-height: 56px !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .footer-center p,
    .footer-center .footer_iddink_normal2,
    .footer-center .link-footer-sin {
        text-align: center !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }
}


/* Corregir línea blanca lateral debajo del header en móvil/tablet */
@media (max-width: 1158px) {
    /* Extender la banda azul ligeramente más allá de los bordes para tapar seams */
    body.wp-theme-crocal  {
        left: -6px !important;
        right: -6px !important;
        
    }

    /* Forzar fondo azul en headers para evitar líneas blancas por antialiasing */
    body.wp-theme-crocal #eut-header,
    body.wp-theme-crocal #eut-main-header,
    body.wp-theme-crocal #eut-responsive-header {
        background-color: #006eb8 !important;
    }

    /* Evitar que la tarjeta blanca muestre bordes transparentes en sus esquinas */
    body.wp-theme-crocal #eut-main-content {
        background-clip: padding-box !important;
    }

}

/*
@media (min-width: 1200px) and (max-width: 1402px) {
    /* Usamos el ID del wrapper para que sea la regla más fuerte de todas 
    #eut-header .eut-logo.eut-position-left {
        margin-left: 37px !important;
    }
     #eut-header .eut-horizontal-menu ul.eut-menu li {
        padding-right: 0px !important;
        padding-top: 0px !important;
    }
} 
@media (min-width: 1000px) and (max-width: 1200px) {
    /* Usamos el ID del wrapper para que sea la regla más fuerte de todas 
    #eut-header .eut-logo.eut-position-left {
        margin-left: 0px !important;
    }
     #eut-header .eut-horizontal-menu ul.eut-menu li {
        padding-right: 0px !important;
        padding-top: 0px !important;
    }
    
}*/

@media (min-width: 1402px) {
    .eut-position-left{
        max-width: 160px !important;
    }    
}
@media (min-width: 1231px) and (max-width: 1402px) {
    /* Usamos el ID del wrapper para que sea la regla más fuerte de todas */
    #eut-header .eut-logo.eut-position-left {
        margin-left: 37px !important;
        max-width: 160px !important;
    }
     #eut-header .eut-horizontal-menu ul.eut-menu li {
        padding-right: 0px !important;
        padding-top: 0px !important;
    }
    #eut-main-menu{
        margin-left:-70px !important;
    }
}
@media (min-width: 1000px) and (max-width: 1230px) {
    /* Usamos el ID del wrapper para que sea la regla más fuerte de todas */
    #eut-header .eut-logo.eut-position-left {
        margin-left: -18px !important;
        max-width: 160px !important;
    }
     #eut-header .eut-horizontal-menu ul.eut-menu li {
        padding-right: 0px !important;
        padding-top: 0px !important;
    }
}
@media (min-width: 1000px) and (max-width: 1402px) {
   #eut-main-menu ul#menu-main-menu-cat.eut-menu {
        margin-right:5px !important;
       /* display: inline-block !important; /* Forzamos que respete el margen */
    } 
    #eut-main-menu ul#menu-main-menu-cat-es.eut-menu {
        margin-right:5px !important;
        /* display: inline-block !important; /* Forzamos que respete el margen */
    } 
    #menu-main-menu-cat{
        position: relative;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    

    #menu-main-menu-cat-es{
        position: relative;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    #menu-main-menu-familias-cat{
        position: relative;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    #menu-main-menu-familias-cat-eses{
        position: relative;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
}
#eut-main-menu ul.eut-menu.sf-js-enabled {
    margin-right: -20px !important;
}

/* Cuando la pantalla sea menor de 1342px, forzamos que el alto sea automático */
@media (max-width: 1342px) {
    div.eut-row.eut-percentage-content {
        min-height: auto !important;
        height: auto !important;
    }
}

@media (min-width: 1024px) {

  /* logo izquierda */
  .footer-iddink-left .eut-image-wrapper {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* texto centro */
  .footer-iddink-center {
    text-align: center !important;
  }

  /* logo derecha */
  .footer-iddink-right .eut-image-wrapper {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

}

.single-post #eut-post-title {
  display: none;
}

.custom-post-title {
  text-align: center;
  font-size: 42px;
  margin-bottom: 30px;
  margin-top:0px;
  color:#006eb8 !important;
}

@media only screen and (max-width: 768px) {
    #eut-theme-wrapper .eut-padding-top-1x {
        padding-top: 0px;
    }
     .eut-logo{
        max-width: 200px !important;
    }
    .eut-position-left {
        max-width: 200px !important;
        margin-left: -40px !important;
    }
    
}

@media only screen and (max-width: 1200px) {
    #eut-theme-wrapper .eut-padding-top-1x {
        padding-top: 0px;
    }
}
/* Ocultar por defecto en pantallas grandes */
.eut-position-right {
    display: none !important;
}

/* Visible desde 1024px de ancho hacia abajo */
@media screen and (max-width: 1066px) {
    .eut-position-right {
        display: flex !important; /* o 'block', dependiendo de tu estructura */
        top:6px;
    }
    .eut-horizontal-menu{
        display: none !important;
    }
    #eut-main-content{
        min-width:962px !important;
        margin: 82px auto 23px auto !important;
        }
    #eut-header .eut-logo.eut-position-left {
        margin-left: 0px !important;
        top: -1px !important;
        max-width: 187px !important;
    }   
    
   
}

@media screen and (max-width: 1066px) {
     #eut-main-content{
        min-width:200px !important;
        }

}


#menu-main-menu-cat{
    position: relative;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
 

#menu-main-menu-cat-es{
    position: relative;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
#menu-main-menu-familias-cat{
    position: relative;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
#menu-main-menu-familias-cat-eses{
    position: relative;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Esto fuerza el tamaño de la imagen que tenga esa clase */
.footer-iddink-left img {
    width: 190px !important; /* Cambia 500 por el ancho que quieras */
    height: 32px !important;  /* Esto evita que se deforme */
    min-height: 32px !important; /* Asegura que no se reduzca por debajo de la altura original */
}
/* para que salgan las flechas del slider */
/* Pantallas de escritorio normal */
/* Pantallas estándar (la que ya tenías) */
@media screen and (min-width: 1343px) {
    .nextend-arrow {
        --widget-offset: 170px !important;
    } 
}

/* Pantallas grandes (Monitores 24" - 27" / Full HD) */
@media screen and (min-width: 1621px) {
    .nextend-arrow {
        --widget-offset: 300px !important;
    } 
}

/* Pantallas Ultra-Grandes (4K o monitores muy anchos) */
@media screen and (min-width: 2000px) {
    .nextend-arrow {
        --widget-offset: 350px !important;
    } 
}
@media screen and (max-width: 2001px) and (min-width: 2500px) {
    .nextend-arrow {
        --widget-offset: 600px !important;
    } 
}
/* Pantallas de portátiles (Laptops) */
@media screen and (max-width: 1342px) and (min-width: 1025px) {
    .nextend-arrow {
        --widget-offset: 100px !important;
    } 
}

/* Tablets */
@media screen and (max-width: 1024px) {
    .nextend-arrow {
        --widget-offset: 40px !important;
    } 
}

@media only screen and (min-width: 1000px) and (max-width: 1022px) {
    
}


.eut-item{
    font-size:13px !important;
}

body.single-post #eut-main-content .eut-main-content-wrapper{
    margin: 5%;
}

#eut-theme-wrapper .eut-padding-bottom-2x {
    padding-bottom: 20px !important;
}

#eut-theme-wrapper .eut-padding-bottom-1x {
    padding-bottom: 20px !important;
}

#eut-theme-wrapper .eut-padding-top-1x {
    padding-top: 20px !important;
}

#customModalCF7 {
  position: fixed; left:0; top:65px; width:100vw; height:100vh;
  background:rgba(0,0,0,0.4); display:flex; align-items:center; justify-content:center;
  z-index:9999;
}
#customModalCF7Content {
  background:#fff; padding:2em; border-radius:12px; min-width:250px; max-width:90vw;
  font-family: Montserrat !important;
  color:#000000;max-width: 700px !important;
   overflow-y:auto !important; 
    max-height: 600px !important;
}
#customModalCF7Content h4{
    color:#000000!important;
}
#customModalCF7 button { background:#006eb8; color:white; border:none; border-radius:5px; padding:0.4em 1.2em; cursor:pointer;}

.chargewp-zigzag-timeline__event__content {
    padding: 20px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    background: #fff;
    width: 100% !important;
    /* flex-grow: 1; */
    box-sizing: border-box;
    max-width: 100% !important;
    border-radius: 0 6px 6px 0;
}