/* ==========================================================
BLOG.CSS | PERSPECTIVAS
Soluciones Efectivas
Requiere base.css.
No redefine variables ni componentes globales.
========================================================== */

/* ESTRUCTURA */
.sea-blog{
    color:var(--sea-ink);
    background:var(--sea-white);
}
.sea-blog [hidden]{
    display:none!important;
}

/* ETIQUETA EDITORIAL */
.sea-blog .sea-blog-etiqueta{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 20px;
    color:var(--sea-blue-800);
    font-size:11px;
    font-weight:700;
    line-height:1.6;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.sea-blog .sea-blog-etiqueta::before{
    content:"";
    width:27px;
    height:2px;
    flex:0 0 27px;
    background:var(--sea-green-600);
}

/* HERO EDITORIAL */
.sea-blog .sea-blog-hero{
    padding:calc(var(--header-height) + 12px) 0 32px;
    background:var(--sea-white);
}
.sea-blog .sea-blog-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.35fr);
    align-items:center;
    gap:clamp(30px,4vw,58px);
}
.sea-blog .sea-blog-hero-contenido{
    min-width:0;
    padding:10px 0;
}
.sea-blog .sea-blog-hero h1{
    margin:0 0 20px;
    color:var(--sea-blue-800);
    font-size:clamp(49px,5.5vw,76px);
    font-weight:650;
    line-height:1.06;
    letter-spacing:-.06em;
}
.sea-blog .sea-blog-hero h1 span{
    color:var(--sea-green-600);
}
.sea-blog .sea-blog-hero-declaracion{
    max-width:480px;
    margin:0 0 15px;
    color:var(--sea-blue-950);
    font-size:clamp(23px,2.6vw,32px);
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.04em;
}
.sea-blog .sea-blog-hero-descripcion{
    max-width:460px;
    margin:0 0 22px;
    color:var(--sea-muted);
    font-size:14px;
    line-height:1.75;
}
.sea-blog .sea-blog-hero-enlace{
    display:inline-flex;
    align-items:center;
    gap:18px;
    padding:9px 0;
    border-bottom:2px solid var(--sea-green-600);
    color:var(--sea-blue-800);
    font-size:13px;
    font-weight:700;
    line-height:1.6;
    text-decoration:none;
    transition:gap .2s,color .2s;
}
.sea-blog .sea-blog-hero-enlace:hover{
    gap:24px;
    color:var(--sea-blue-950);
}

/* ARTÍCULO DESTACADO */
.sea-blog .sea-blog-destacado{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    min-width:0;
    min-height:365px;
    overflow:hidden;
    border-radius:var(--radius-sm);
    background:var(--sea-surface);
}
.sea-blog .sea-blog-destacado-imagen{
    position:relative;
    min-width:0;
    min-height:365px;
    overflow:hidden;
    background:var(--sea-blue-100);
}
.sea-blog .sea-blog-destacado-imagen img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.sea-blog .sea-blog-destacado-sin-imagen{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    padding:25px;
    color:var(--sea-blue-800);
    font-size:25px;
    font-weight:650;
}
.sea-blog .sea-blog-destacado-contenido{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
    padding:25px 25px 22px;
}
.sea-blog .sea-blog-destacado-estado{
    display:inline-flex;
    align-items:center;
    padding:5px 10px;
    margin:0 0 17px;
    border-radius:999px;
    background:var(--sea-green-100);
    color:var(--sea-green-900);
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.sea-blog .sea-blog-categoria{
    margin:0 0 12px;
    color:var(--sea-wine-800);
    font-size:10px;
    font-weight:700;
    line-height:1.5;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.sea-blog .sea-blog-destacado h2{
    margin:0 0 15px;
    color:var(--sea-blue-950);
    font-size:clamp(21px,2.1vw,28px);
    font-weight:600;
    line-height:1.22;
    letter-spacing:-.04em;
    overflow-wrap:anywhere;
}
.sea-blog .sea-blog-destacado h2 a{
    color:inherit;
    text-decoration:none;
}
.sea-blog .sea-blog-destacado h2 a:hover{
    color:var(--sea-blue-800);
    text-decoration:underline;
    text-underline-offset:4px;
}
.sea-blog .sea-blog-destacado-resumen{
    margin:0 0 20px;
    color:var(--sea-muted);
    font-size:12px;
    line-height:1.75;
}
.sea-blog .sea-blog-destacado-pie{
    width:100%;
    padding-top:15px;
    margin-top:auto;
    border-top:1px solid var(--sea-line);
    color:var(--sea-green-900);
    font-size:12px;
    font-weight:650;
}
.sea-blog .sea-blog-destacado-pie a{
    display:inline-flex;
    align-items:center;
    gap:15px;
    color:var(--sea-blue-800);
    text-decoration:none;
}
.sea-blog .sea-blog-destacado-pie a:hover{
    text-decoration:underline;
}

/* BIBLIOTECA */
.sea-blog .sea-blog-biblioteca{
    padding:43px 0 80px;
    background:var(--sea-surface);
    scroll-margin-top:var(--header-height);
}
.sea-blog .sea-blog-seccion-cabecera{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:25px;
    margin-bottom:23px;
}
.sea-blog .sea-blog-seccion-etiqueta{
    margin:0 0 10px;
    color:var(--sea-wine-800);
    font-size:10px;
    font-weight:700;
    line-height:1.5;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.sea-blog .sea-blog-seccion-cabecera h2{
    margin:0;
    color:var(--sea-blue-800);
    font-size:clamp(29px,3.3vw,41px);
    font-weight:600;
    line-height:1.2;
    letter-spacing:-.045em;
}
.sea-blog .sea-blog-seccion-cabecera>p{
    margin:0 0 5px;
    color:var(--sea-muted);
    font-size:12px;
    line-height:1.5;
    text-align:right;
}

/* FILTROS */
.sea-blog .sea-blog-herramientas{
    display:flex;
    align-items:center;
    gap:20px;
    padding:17px 0;
    margin-bottom:30px;
    border-top:1px solid var(--sea-line);
    border-bottom:1px solid var(--sea-line);
}
.sea-blog .sea-blog-filtros{
    display:flex;
    flex:1;
    flex-wrap:wrap;
    gap:5px;
    min-width:0;
}
.sea-blog .sea-blog-filtro{
    min-height:36px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:4px;
    background:transparent;
    color:var(--sea-muted);
    font:inherit;
    font-size:11px;
    line-height:1.5;
    text-align:center;
    cursor:pointer;
    transition:background .2s,color .2s;
}
.sea-blog .sea-blog-filtro:hover{
    background:var(--sea-blue-100);
    color:var(--sea-blue-900);
}
.sea-blog .sea-blog-filtro[aria-pressed="true"]{
    background:var(--sea-blue-950);
    color:var(--sea-white);
}
.sea-blog .sea-blog-buscador{
    display:flex;
    flex:0 0 195px;
    flex-direction:column;
    gap:5px;
    min-width:0;
    padding-left:18px;
    border-left:1px solid var(--sea-line);
    color:var(--sea-muted);
    font-size:11px;
}
.sea-blog .sea-blog-buscador input{
    width:100%;
    min-width:0;
    min-height:37px;
    padding:9px 11px;
    border:1px solid var(--sea-line);
    border-radius:4px;
    background:var(--sea-white);
    color:var(--sea-ink);
    font:inherit;
    font-size:12px;
}
.sea-blog .sea-blog-buscador input::placeholder{
    color:var(--sea-muted);
    opacity:1;
}

/* TARJETAS DE PUBLICACIONES */
.sea-blog .sea-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:38px 28px;
}
.sea-blog .sea-blog-tarjeta{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.sea-blog .sea-blog-tarjeta-imagen,
.sea-blog .sea-blog-imagen-vacia{
    display:block;
    width:100%;
    aspect-ratio:3/2;
    margin:0 0 20px;
    overflow:hidden;
    background:var(--sea-blue-100);
}
.sea-blog .sea-blog-tarjeta-imagen img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .35s ease;
}




/* PERSPECTIVAS | SECCIÓN DEL PÓDCAST */
.sea-blog .sea-blog-podcast{
    padding:clamp(65px,8vw,110px) 0;
    background:var(--sea-white);
    color:var(--sea-blue-800);
}
.sea-blog .sea-blog-podcast-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(30px,6vw,90px);
    align-items:center;
}
.sea-blog .sea-blog-podcast-imagen{
    min-width:0;
}
.sea-blog .sea-blog-podcast-imagen a{
    display:block;
    overflow:hidden;
    border-radius:var(--radius-md);
}
.sea-blog .sea-blog-podcast-imagen img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .35s ease;
}
@media(hover:hover){
    .sea-blog .sea-blog-podcast-imagen a:hover img{
        transform:scale(1.025);
    }
}

.sea-blog .sea-blog-podcast-etiqueta{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 22px;
    color:var(--sea-green-400);
    font-size:12px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.sea-blog .sea-blog-podcast-etiqueta::before{
    content:"";
    width:32px;
    height:2px;
    background:var(--sea-green-400);
}
.sea-blog .sea-blog-podcast-contenido h2{
    max-width:650px;
    margin:0 0 22px;
    color:var(--sea-blue-800);
    font-size:clamp(30px,3.6vw,48px);
    line-height:1.14;
    letter-spacing:-.035em;
}
.sea-blog .sea-blog-podcast-nombre{
    margin:0 0 14px;
    color:var(--sea-green-900);
    font-size:18px;
    font-weight:700;
}
.sea-blog .sea-blog-podcast-descripcion{
    max-width:570px;
    margin:0 0 28px;
    color:var(--sea-blue-950);
    font-size:16px;
    line-height:1.85;
}
.sea-blog .sea-blog-podcast-enlace{
    display:inline-flex;
    align-items:center;
    gap:22px;
    padding:13px 0;
    border-bottom:2px solid var(--sea-green-400);
    color:var(--sea-green-900);
    font-weight:700;
    text-decoration:none;
    transition:color .2s ease;
}
.sea-blog .sea-blog-podcast-enlace:hover{
    color:var(--sea-green-300);
}
.sea-blog .sea-blog-podcast-enlace:focus-visible,
.sea-blog .sea-blog-podcast-imagen a:focus-visible{
    outline:3px solid var(--sea-green-400);
    outline-offset:5px;
}
@media(max-width:760px){
    .sea-blog .sea-blog-podcast-grid{
        grid-template-columns:1fr;
        gap:32px;
    }
    .sea-blog .sea-blog-podcast-imagen{
        max-width:550px;
    }
}
@media(prefers-reduced-motion:reduce){
    .sea-blog .sea-blog-podcast-imagen img{
        transition:none;
    }
}



@media(hover:hover){
    .sea-blog .sea-blog-tarjeta:hover .sea-blog-tarjeta-imagen img{
        transform:scale(1.035);
    }
}
.sea-blog .sea-blog-imagen-vacia{
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--sea-blue-800);
    font-size:19px;
    font-weight:650;
}
.sea-blog .sea-blog-tarjeta h3{
    margin:0 0 15px;
    color:var(--sea-blue-950);
    font-size:clamp(21px,2vw,26px);
    font-weight:600;
    line-height:1.24;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
}
.sea-blog .sea-blog-tarjeta h3 a{
    color:inherit;
    text-decoration:none;
}
.sea-blog .sea-blog-tarjeta h3 a:hover{
    color:var(--sea-blue-800);
    text-decoration:underline;
    text-underline-offset:5px;
}
.sea-blog .sea-blog-resumen{
    margin:0 0 20px;
    color:var(--sea-muted);
    font-size:13px;
    line-height:1.75;
}
.sea-blog .sea-blog-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    padding-top:15px;
    margin-top:auto;
    border-top:1px solid var(--sea-line);
    color:var(--sea-muted);
    font-size:11px;
    line-height:1.6;
}
.sea-blog .sea-blog-meta time{
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.sea-blog .sea-blog-estado{
    color:var(--sea-green-900);
    font-weight:700;
}
.sea-blog .sea-blog-sin-resultados{
    padding:35px 0;
    color:var(--sea-muted);
    font-size:14px;
}
.sea-blog .sea-blog-nota{
    margin:40px 0 0;
    color:var(--sea-muted);
    font-size:12px;
    line-height:1.75;
}

/* CONTACTO EDITORIAL */
.sea-blog .sea-blog-conversacion{
    padding:70px 0 80px;
    border-top:1px solid var(--sea-line);
    background:var(--sea-white);
}
.sea-blog .sea-blog-conversacion-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}
.sea-blog .sea-blog-conversacion h2{
    max-width:650px;
    margin:0;
    color:var(--sea-blue-800);
    font-size:clamp(28px,3.3vw,39px);
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.04em;
}
.sea-blog .sea-blog-enlace{
    display:inline-flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:14px 23px;
    border:1px solid var(--sea-blue-800);
    border-radius:999px;
    background:var(--sea-blue-800);
    color:var(--sea-white);
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
}
.sea-blog .sea-blog-enlace:hover{
    border-color:var(--sea-blue-950);
    background:var(--sea-blue-950);
    color:var(--sea-white);
}

/* ACCESIBILIDAD */
.sea-blog a:focus-visible,
.sea-blog button:focus-visible,
.sea-blog input:focus-visible{
    outline:3px solid var(--sea-green-600);
    outline-offset:4px;
}



/* Breadcrumb institucional de Perspectivas */
.sea-blog .sea-blog-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:28px;
    color:var(--sea-muted);
    font-size:12px;
    line-height:1.6;
}
.sea-blog .sea-blog-breadcrumb a{
    color:var(--sea-muted);
    text-decoration:none;
}
.sea-blog .sea-blog-breadcrumb a:hover{
    color:var(--sea-blue-800);
    text-decoration:underline;
    text-underline-offset:3px;
}
.sea-blog .sea-blog-breadcrumb [aria-current="page"]{
    color:var(--sea-blue-800);
    font-weight:600;
}



/* TABLETAS */
@media(max-width:1080px){
    .sea-blog .sea-blog-hero-grid{
        grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
        gap:25px;
    }
    .sea-blog .sea-blog-hero h1{
        font-size:clamp(44px,5vw,65px);
    }
    .sea-blog .sea-blog-hero-declaracion{
        font-size:clamp(22px,2.8vw,28px);
    }
    .sea-blog .sea-blog-destacado{
        grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    }
    .sea-blog .sea-blog-destacado-contenido{
        padding:20px;
    }
    .sea-blog .sea-blog-destacado h2{
        font-size:23px;
    }
    .sea-blog .sea-blog-herramientas{
        align-items:stretch;
        flex-direction:column;
        gap:14px;
    }
    .sea-blog .sea-blog-buscador{
        flex:auto;
        width:100%;
        max-width:350px;
        padding-left:0;
        border-left:0;
    }
    .sea-blog .sea-blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* MÓVILES Y TABLETAS PEQUEÑAS */
@media(max-width:760px){
    .sea-blog .sea-blog-hero{
        padding:calc(var(--header-height) + 8px) 0 36px;
    }
    .sea-blog .sea-blog-hero-grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .sea-blog .sea-blog-hero-contenido{
        padding:0;
    }
    .sea-blog .sea-blog-hero h1{
        font-size:clamp(43px,10vw,65px);
        margin-bottom:16px;
    }
    .sea-blog .sea-blog-hero-declaracion{
        font-size:clamp(24px,6vw,31px);
    }
    .sea-blog .sea-blog-hero-descripcion{
        margin-bottom:14px;
    }
    .sea-blog .sea-blog-destacado{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        min-height:300px;
    }
    .sea-blog .sea-blog-destacado-imagen{
        min-height:300px;
    }
    .sea-blog .sea-blog-biblioteca{
        padding:43px 0 60px;
    }
    .sea-blog .sea-blog-seccion-cabecera{
        align-items:flex-start;
        flex-direction:column;
        gap:9px;
    }
    .sea-blog .sea-blog-seccion-cabecera>p{
        text-align:left;
    }
    .sea-blog .sea-blog-conversacion-inner{
        align-items:flex-start;
        flex-direction:column;
        gap:25px;
    }
}

/* MÓVILES */
@media(max-width:600px){
    .sea-blog .sea-blog-destacado{
        grid-template-columns:1fr;
    }
    .sea-blog .sea-blog-destacado-imagen{
        min-height:0;
        aspect-ratio:16/10;
    }
    .sea-blog .sea-blog-destacado-contenido{
        padding:23px;
    }
    .sea-blog .sea-blog-destacado h2{
        font-size:25px;
    }
    .sea-blog .sea-blog-seccion-cabecera h2{
        font-size:31px;
    }
    .sea-blog .sea-blog-filtros{
        gap:4px;
    }
    .sea-blog .sea-blog-filtro{
        padding:8px 9px;
    }
    .sea-blog .sea-blog-buscador{
        max-width:100%;
    }
    .sea-blog .sea-blog-grid{
        grid-template-columns:1fr;
        gap:37px;
    }
    .sea-blog .sea-blog-tarjeta h3{
        font-size:25px;
    }
    .sea-blog .sea-blog-conversacion{
        padding:50px 0 60px;
    }
    .sea-blog .sea-blog-conversacion h2{
        font-size:30px;
    }
    .sea-blog .sea-blog-enlace{
        max-width:100%;
    }
}

/* MOVIMIENTO REDUCIDO: heredado de base.css. */