.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --pistacho:#BCED08; --negro:#000000; --superficie-oscura:#0D0D0D; --borde-oscuro:#262626; --borde-tarjeta:#3A3A3A; --texto-claro:#EDEDED; --texto-claro-2:#A1A1A1; --meta:#6B6B6B; --blanco:#FFFFFF; --superficie-clara:#F5F5F5; --borde-claro:#E0E0E0; --texto-oscuro:#1A1A1A; --texto-oscuro-2:#5C5C5C; --teal:#006B61; --titulares:Raleway; --cuerpo:Figtree; }
/* Start custom CSS *//* Sergio Cordero · estados compartidos (lo que las clases de V4 no pueden hacer: hijos y pseudoelementos) */

/* Cabecera fija al hacer scroll (con hueco para la barra de admin cuando hay sesión iniciada) */
.elementor-location-header{position:sticky;top:0;z-index:999}
.admin-bar .elementor-location-header{top:32px}
@media (max-width:782px){.admin-bar .elementor-location-header{top:46px}}
@media (max-width:600px){.admin-bar .elementor-location-header{top:0}}

/* Rotulador pistacho: <strong> dentro de un titular de sección o de una frase destacada */
.titulo-seccion strong,.frase-destacada strong{font-weight:inherit;background:linear-gradient(transparent 58%,#BCED08 58%);padding:0 4px}

/* Palabra en pistacho: <em> dentro de un titular de sección */
.titulo-seccion em{font-style:normal;color:#BCED08}

/* Tarjeta de servicio (fondo oscuro): flecha a pistacho y avanza, borde se aclara */
.tarjeta-servicio::after{content:"→";font-size:24px;line-height:1;flex:0 0 auto;transition:transform .2s,color .2s}
.tarjeta-servicio:hover::after,.tarjeta-servicio:focus-visible::after{color:#BCED08;transform:translateX(4px)}

/* Enlace con flecha sobre fondo claro: teal, la flecha avanza y aparece el subrayado */
.enlace-flecha a{color:inherit;text-decoration:none}
.enlace-flecha a::after{content:" →";display:inline-block;margin-left:4px;transition:transform .2s}
.enlace-flecha a:hover{text-decoration:underline;text-underline-offset:4px}
.enlace-flecha a:hover::after{transform:translateX(4px)}

/* Tarjeta de artículo: línea pistacho que crece bajo la portada y rotulador que se rellena en el título (0,2 s, igual que las flechas) */
.tarjeta-post img{display:block;width:100%;height:auto}
.tarjeta-post > .e-con{position:relative}
.tarjeta-post > .e-con::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#BCED08;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.tarjeta-post:hover > .e-con::before,.tarjeta-post:focus-visible > .e-con::before{transform:scaleX(1)}
.tarjeta-post h3 span{background-image:linear-gradient(transparent 60%,#BCED08 60%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .2s}
.tarjeta-post:hover h3 span,.tarjeta-post:focus-visible h3 span{background-size:100% 100%}

/* Foco visible común */
.boton-pistacho:focus-visible,.tarjeta-servicio:focus-visible,.enlace-flecha a:focus-visible,.tarjeta-post:focus-visible{outline:2px solid #BCED08;outline-offset:3px}

/* Enlaces dentro de un texto secundario (Sobre mí, fase a fase): mismo comportamiento que .enlace-flecha (teal, la flecha avanza y aparece el subrayado) */
.texto-secundario a{color:#006B61;font-weight:700;text-decoration:none}
.texto-secundario a::after{content:" →";display:inline-block;margin-left:4px;transition:transform .2s}
.texto-secundario a:hover{text-decoration:underline;text-underline-offset:4px}
.texto-secundario a:hover::after{transform:translateX(4px)}
.texto-secundario a:focus-visible{outline:2px solid #BCED08;outline-offset:3px}

/* Enlace con flecha sobre fondo oscuro: como «Reservar» de la cabecera (sin subrayado, la flecha se pone pistacho y avanza) */
.elementor .enlace-flecha.sobre-oscuro{color:#EDEDED}
.elementor .enlace-flecha.sobre-oscuro a:hover{text-decoration:none}
.elementor .enlace-flecha.sobre-oscuro a:hover::after{color:#BCED08;transform:translateX(4px)}


/* Un enlace en texto y su flecha nunca se separan de línea */
.texto-secundario a{white-space:nowrap}


/* Notas del parche: tarjetas automáticas iguales que las de la home */
.tarjeta-post .elementor-widget-heading{margin:0}
.elementor .tarjeta-post .elementor-widget-heading .elementor-heading-title{font:inherit;color:var(--teal);letter-spacing:inherit;text-transform:inherit;line-height:inherit}
.tarjeta-post h3:not(:has(span)){display:inline;background-image:linear-gradient(transparent 60%,var(--pistacho) 60%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .2s}
.tarjeta-post:hover h3:not(:has(span)),.tarjeta-post:focus-visible h3:not(:has(span)){background-size:100% 100%}

/* Notas del parche: filtros por categoría */
.filtro-notas{display:flex;flex-wrap:wrap;gap:12px}
.filtro-notas .filtro-notas__boton{min-height:44px;margin:0;padding:10px 18px;border:1px solid var(--borde-claro);border-radius:0;background:transparent;color:var(--texto-oscuro);font-family:var(--cuerpo),sans-serif;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.filtro-notas .filtro-notas__boton:hover{border-color:var(--texto-oscuro);background:transparent;color:var(--texto-oscuro)}
.filtro-notas .filtro-notas__boton[aria-pressed="true"]{border-color:var(--texto-oscuro);background:var(--texto-oscuro);color:var(--texto-claro)}
.filtro-notas .filtro-notas__boton:focus-visible{outline:2px solid var(--pistacho);outline-offset:3px}
.filtro-notas__vacio{margin:24px 0 0;font-size:17px;color:var(--texto-oscuro-2)}/* End custom CSS */