/*
Theme Name: AML San Jorge
Theme URI: https://micoleonesasanjorge.es
Author: AML San Jorge
Description: Tema WordPress para Archivos de Micología AML San Jorge.
Version: 2.0.1
Text Domain: aml-sanjorge
*/

/* ── VARIABLES ───────────────────────────────────────────────────────────── */
:root {
  --green:#216C30; --green2:#5E8F65; --purple:#84016E;
  --ink:#0B1220; --muted:#64748b; --border:#e5e7eb; --soft:#f8fafc;
  --shadow: 0 10px 30px rgba(2,6,23,.08);
  --r2: 26px; --max: 1100px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

/* ── RESET ───────────────────────────────────────────────────────────────── */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.45}
a{color:inherit;text-decoration:none} a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}

/* ── TOPBAR ──────────────────────────────────────────────────────────────── */
.topbar{border-bottom:1px solid var(--border);background:var(--soft);font-size:12px;color:#475569}
.topbar .wrap{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 18px;flex-wrap:wrap}
.toplinks{display:flex;gap:10px;align-items:center;font-weight:800}
.toplinks a:first-child{color:var(--purple)} .toplinks a:last-child{color:var(--green)}

/* ── HEADER ──────────────────────────────────────────────────────────────── */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;min-width:260px}
.brand img{width:46px;height:46px;border-radius:999px;border:1px solid var(--border);object-fit:cover;background:#fff}
.brand .t1{font-weight:950;font-size:14px;letter-spacing:-.2px}
.brand .t2{font-weight:950;font-size:16px;color:var(--green)}
nav{display:flex;gap:16px;font-weight:800;font-size:13px;color:#334155;flex-wrap:wrap}
nav a{padding:6px 8px;border-radius:999px}
nav a.active,nav a.current-menu-item,nav .current-menu-item > a,nav .current_page_item > a{background:rgba(33,108,48,.10);color:var(--green)}
header .brand a:hover,nav a:hover{text-decoration:none}

/* ── BOTONES ─────────────────────────────────────────────────────────────── */
.btn{border-radius:16px;border:1px solid var(--border);padding:12px 16px;font-weight:950;font-size:13px;cursor:pointer;background:#fff;display:inline-flex;align-items:center;gap:8px}
.btn.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:var(--shadow)}
.btn.outline{border-color:rgba(132,1,110,.35);color:var(--purple);background:rgba(255,255,255,.7)}

/* ── TIPOGRAFÍA ──────────────────────────────────────────────────────────── */
.badge{padding:6px 10px;border-radius:999px;font-weight:950;font-size:12px}
.small{font-size:12px;color:var(--muted)}
.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:950;font-size:13px;margin-bottom:10px}
h1{margin:0;font-size:42px;line-height:1.05;letter-spacing:-1px}
h2{margin:0;font-size:28px;letter-spacing:-.4px}
h3{margin:0 0 6px;font-size:20px}
.sub{margin-top:10px;color:var(--muted);max-width:80ch;font-size:14px}
@media (max-width:520px){h1{font-size:30px}h2{font-size:22px}}

/* ── GRID ────────────────────────────────────────────────────────────────── */
.grid{display:grid;gap:14px}
.cards3{grid-template-columns:repeat(3,1fr)}
.cards2{grid-template-columns:repeat(2,1fr)}
.cols{display:grid;gap:14px}
.cols.cols-7-5{grid-template-columns:7fr 5fr}
@media (max-width:920px){.cards3,.cards2{grid-template-columns:1fr}.cols.cols-7-5{grid-template-columns:1fr}}

/* ── CARD ────────────────────────────────────────────────────────────────── */
.card{border:1px solid var(--border);border-radius:var(--r2);padding:18px;background:#fff;box-shadow:var(--shadow)}

/* ── HERO ────────────────────────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(33,108,48,.04),rgba(132,1,110,.04))}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff,rgba(255,255,255,.86),#fff)}
.hero .wrap{position:relative;padding:44px 18px 50px;display:grid;grid-template-columns:1.35fr .85fr;gap:18px;align-items:center}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr}}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pill{border:1px solid rgba(33,108,48,.25);color:var(--green);padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;background:rgba(255,255,255,.65)}
.heroCard{border:1px solid var(--border);background:#fff;border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow)}
.heroCard .head{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.heroCard .body{padding:16px}
.row{display:flex;gap:12px;align-items:flex-start}
.icon{width:42px;height:42px;border-radius:18px;display:grid;place-items:center;background:rgba(132,1,110,.10);color:var(--purple);font-weight:950}
.actions2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}

/* ── MISC ────────────────────────────────────────────────────────────────── */
hr.sepLine{border:0;border-top:1px solid var(--border);margin:18px 0}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.tag{display:inline-flex;align-items:center;border:1px solid rgba(33,108,48,.25);border-radius:999px;padding:4px 10px;font-weight:900;font-size:11px;color:var(--green);background:rgba(33,108,48,.06)}
.sep{color:#cbd5e1}
.aml-meta-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#475569;font-size:13px}
.aml-meta-row .sep{opacity:.45}
.aml-section{padding:36px 0}

/* ── PROSE / ENTRY CONTENT ───────────────────────────────────────────────── */
.prose p,.entry-content p{color:#334155;line-height:1.8;margin:0 0 1.1em;text-align:left}
.prose ul,.entry-content ul{color:#334155;padding-left:1.4em}
.prose blockquote,.entry-content blockquote{margin:1em 0;padding:.9em 1em;border-left:4px solid rgba(132,1,110,.35);background:rgba(132,1,110,.04);border-radius:12px}
.entry-content i,.entry-content em{font-style:italic}
.entry-content strong,.entry-content b{font-weight:700}
.entry-content h2,.entry-content h3,.entry-content h4{margin:1.4em 0 .5em;line-height:1.2}
.entry-content table{width:100%;overflow:auto;display:block;border-collapse:collapse}
.entry-content td,.entry-content th{padding:8px 12px;border:1px solid var(--border)}
.entry-content iframe{max-width:100%;border-radius:12px}
.wp-caption{max-width:100%}

/* Ocultar párrafos vacíos de Blogger */
.entry-content p:empty{display:none}
.entry-content p > br:only-child{display:none}

/* ── IMÁGENES EN ENTRADAS ────────────────────────────────────────────────── */

/* Todas las imágenes: base */
.entry-content img{
    max-width:100%;
    height:auto;
    border-radius:12px;
    display:block;
}

/* Wrapper div que sustituye al div.separator de Blogger */
.entry-content .wp-image-wrapper{
    margin:0 0 1.2em 0;
    overflow:hidden;
}

/* PRIMERA imagen: grande, a la izquierda, texto fluye al lado */
.entry-content .wp-image-wrapper:first-of-type{
    float:left;
    width:48%;
    max-width:460px;
    margin:0 1.6em 1.2em 0;
}
.entry-content .wp-image-wrapper:first-of-type img{
    width:100%;
    height:auto;
    border-radius:12px;
    box-shadow:0 4px 18px rgba(0,0,0,.14);
    margin:0;
}

/* Resto de imágenes: centradas */
.entry-content .wp-image-wrapper:not(:first-of-type){
    clear:both;
    float:none;
    margin:1.4em auto;
    max-width:640px;
}
.entry-content .wp-image-wrapper:not(:first-of-type) img{
    margin:0 auto;
    box-shadow:0 2px 10px rgba(0,0,0,.10);
}

/* Limpiar float al final */
.entry-content::after{content:'';display:table;clear:both}

/* Eliminar text-align y estilos inline de Blogger */
.entry-content div[style],
.entry-content p[style]{
    text-align:left !important;
}
.entry-content .wp-image-wrapper[style]{
    text-align:center !important;
}

/* MÓVIL: sin float, imagen a ancho completo */
@media (max-width:640px){
    .entry-content .wp-image-wrapper:first-of-type{
        float:none;
        width:100%;
        max-width:100%;
        margin:0 0 1.2em 0;
    }
}

/* ── TÍTULO ENTRADA ──────────────────────────────────────────────────────── */
h1.entry-title{
    font-size:clamp(1.6rem,3.5vw,2.4rem);
    line-height:1.15;
    margin-top:6px;
    letter-spacing:-.5px;
}

/* ── FOOTER ──────────────────────────────────────────────────────────────── */
footer{border-top:1px solid var(--border);background:#fff;padding:26px 0}
.foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.foot-left{display:flex;align-items:center;gap:10px}
.foot-left img{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);object-fit:cover}

/* ── TOAST ───────────────────────────────────────────────────────────────── */
.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(15,23,42,.92);color:#fff;padding:10px 14px;border-radius:14px;font-weight:900;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.toast.show{opacity:1;transform:translateX(-50%) translateY(-4px)}

/* ── ÍNDICE Y BÚSQUEDA ───────────────────────────────────────────────────── */
.aml-year-block{margin-top:18px}
.aml-year-title{position:sticky;top:72px;background:#fff;padding:10px 0;border-bottom:1px solid var(--border);z-index:2;font-size:20px}
.aml-home-controls{display:grid;grid-template-columns:1fr 180px;gap:10px;margin-top:14px}
.aml-home-controls input,.aml-home-controls select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:14px;font:inherit;background:#fff}
.aml-post-index-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.aml-post-index-list li{padding:8px 10px;border:1px solid rgba(229,231,235,.7);border-radius:12px;background:#fff;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.aml-post-index-list li .meta{color:var(--muted);font-size:12px;white-space:nowrap}
.aml-post-index-list li .cats{display:flex;gap:6px;flex-wrap:wrap;margin-left:8px}
.aml-post-index-list li .cats .tag{font-size:11px;padding:4px 8px}
.aml-list-link{display:flex;gap:8px;align-items:center;min-width:0}
.aml-list-link span.title{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aml-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}
.aml-search-form input{padding:12px 14px;border:1px solid var(--border);border-radius:14px;font:inherit}

/* ── COMENTARIOS ─────────────────────────────────────────────────────────── */
.commentlist{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.comment-body{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff}
.comment-meta{font-size:12px;color:var(--muted);margin-bottom:6px}
.comment-content p:last-child{margin-bottom:0}
.comment .who{font-weight:950}.comment .when{font-size:12px;color:var(--muted)}.comment .text{margin-top:6px;color:#334155}

/* ── PAGINACIÓN ──────────────────────────────────────────────────────────── */
.pagination .page-numbers{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;margin:0 4px;padding:0 10px}
.pagination .current{background:rgba(33,108,48,.10);color:var(--green);border-color:rgba(33,108,48,.2)}

/* ── SCREEN READER ───────────────────────────────────────────────────────── */
.screen-reader-text{position:absolute;left:-10000px}

/* ── EN CONSTRUCCIÓN ─────────────────────────────────────────────────────── */
.en-construccion{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:48px 24px;
    gap:16px;
}
.en-construccion .seta-obrera{
    font-size:72px;
    line-height:1;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));
    animation: bob 2.5s ease-in-out infinite;
}
@keyframes bob{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}
.en-construccion h3{
    font-size:1.3rem;
    color:var(--ink);
    margin:0;
}
.en-construccion p{
    color:var(--muted);
    max-width:42ch;
    font-size:14px;
    margin:0;
}

/* ── RESPONSIVE GENERAL ──────────────────────────────────────────────────── */
@media (max-width:900px){
    .aml-home-controls{grid-template-columns:1fr}
    .aml-post-index-list li{display:block}
    .aml-post-index-list li .meta{display:block;margin-top:6px}
    .aml-year-title{top:64px}
}

/* ── LIMPIAR TABLAS DE MAQUETACIÓN DE BLOGGER ────────────────────────────── */
.entry-content table,
.entry-content tbody,
.entry-content tr,
.entry-content td,
.entry-content th {
    border: none !important;
    border-collapse: collapse;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto;
    display: block;
    width: auto !important;
    max-width: 100%;
}

/* La celda que contiene la imagen: centrar y limpiar */
.entry-content td img,
.entry-content th img {
    display: block;
    margin: 0 auto 1em;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.10);
}
/* ── FIN TABLAS ──────────────────────────────────────────────────────────── */

/* ── LIMPIAR tr-caption-container DE BLOGGER ─────────────────────────────── */
.entry-content table.tr-caption-container,
.entry-content .tr-caption-container,
.entry-content .tr-caption-container td,
.entry-content .tr-caption-container tr,
.entry-content .tr-caption-container tbody {
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: center !important;
}
.entry-content .tr-caption-container img {
    display: block !important;
    margin: 0 auto 6px !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.10) !important;
    border: none !important;
}
.entry-content .tr-caption {
    font-size: 12px !important;
    color: var(--muted) !important;
    text-align: center !important;
    padding: 4px 0 0 !important;
    font-style: italic !important;
}
/* ─────────────────────────────────────────────────────────────────────────── */

/* ── HERO CON LOGO MARCA DE AGUA ─────────────────────────────────────────── */
.hero { position: relative; overflow: hidden; background: linear-gradient(135deg, rgba(33,108,48,.04), rgba(132,1,110,.04)); min-height: 340px; display: flex; align-items: center; }
.hero-logo-bg { position: absolute; right: -40px; top: 50%; transform: translateY(-50%); width: 420px; height: 420px; pointer-events: none; z-index: 0; }
.hero-logo-bg img { width: 100%; height: 100%; object-fit: contain; opacity: 0.07; filter: grayscale(30%); }
.hero-inner { position: relative; z-index: 1; padding: 50px 18px; }
.hero-text { max-width: 600px; }
@media (max-width: 768px) { .hero-logo-bg { width: 220px; height: 220px; right: -20px; opacity: .04; } }

/* ── ENTRADAS RECIENTES EXPANDIDAS ───────────────────────────────────────── */
.entrada-expandida { padding: 24px; }
.entrada-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.entrada-body { display: grid; grid-template-columns: 280px 1fr; gap: 20px; align-items: start; }
.entrada-img { width: 100%; height: 210px; object-fit: cover; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,.12); display: block; }
.entrada-texto p { color: #334155; line-height: 1.75; margin: 0; }
@media (max-width: 640px) {
  .entrada-body { grid-template-columns: 1fr; }
  .entrada-img { height: 200px; }
}

/* ── ARCHIVO POR AÑOS ────────────────────────────────────────────────────── */
.archivo-ano { border: 1px solid var(--border); border-radius: 16px; background: #fff; overflow: hidden; }
.archivo-ano-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; cursor: pointer; font-weight: 800; font-size: 18px; list-style: none; gap: 12px; user-select: none; }
.archivo-ano-header::-webkit-details-marker { display: none; }
.archivo-ano-header::after { content: '﹀'; font-size: 14px; color: var(--muted); transition: transform .2s; }
details[open] .archivo-ano-header::after { transform: rotate(180deg); }
.archivo-ano-header:hover { background: rgba(33,108,48,.04); }
details[open] { border-color: rgba(33,108,48,.3); }
details[open] .aml-post-index-list { padding: 0 14px 14px; }

/* ── HERO FULL WIDTH ─────────────────────────────────────────────────────── */
.hero-full {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(33,108,48,.05) 0%, rgba(132,1,110,.04) 100%);
    border-bottom: 1px solid var(--border);
    width: 100%;
}
.hero-watermark {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    height: 500px;
    pointer-events: none;
    z-index: 0;
}
.hero-watermark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.06;
}
.hero-full-inner {
    position: relative;
    z-index: 1;
    max-width: var(--max);
    margin: 0 auto;
    padding: 50px 18px 56px;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 36px;
    align-items: center;
}
.hero-logo-grande img {
    width: 180px;
    height: 180px;
    object-fit: contain;
    filter: drop-shadow(0 4px 16px rgba(33,108,48,.18));
}
.hero-titulo {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 10px 0 0;
}
.hero-desc {
    color: #334155;
    font-size: 15px;
    line-height: 1.75;
    max-width: 62ch;
    margin: 14px 0 0;
}
.hero-ctas {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .hero-full-inner { grid-template-columns: 1fr; gap: 20px; padding: 36px 18px; }
    .hero-logo-grande { display: flex; justify-content: center; }
    .hero-logo-grande img { width: 120px; height: 120px; }
    .hero-watermark { display: none; }
}

/* ── MARCA DE AGUA GLOBAL ────────────────────────────────────────────────── */
body::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    height: 700px;
    background: url('/wp-content/themes/aml-sanjorge/assets/logo.png') center/contain no-repeat;
    opacity: 0.025;
    pointer-events: none;
    z-index: 0;
}
main, header, footer, section, article { position: relative; z-index: 1; }

/* ── BRAND: solo logo + AML San Jorge ───────────────────────────────────── */
.brand .t1 { display: none; }
.brand img { width: 52px; height: 52px; }
.brand .t2 { font-size: 18px; font-weight: 950; color: var(--green); }

/* ── HERO FULL WIDTH CORREGIDO ───────────────────────────────────────────── */
.hero-full {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(33,108,48,.06) 0%, rgba(255,255,255,1) 60%, rgba(132,1,110,.03) 100%);
    border-bottom: 1px solid var(--border);
    width: 100%;
}
.hero-watermark {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 520px;
    height: 520px;
    pointer-events: none;
    z-index: 0;
}
.hero-watermark img { width:100%;height:100%;object-fit:contain;opacity:0.07; }
.hero-full-inner {
    position: relative;
    z-index: 1;
    max-width: var(--max);
    margin: 0 auto;
    padding: 52px 18px 58px;
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 40px;
    align-items: center;
}
.hero-logo-grande img {
    width: 190px; height: 190px;
    object-fit: contain;
    filter: drop-shadow(0 6px 20px rgba(33,108,48,.20));
}
.hero-titulo {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 10px 0 0;
}
.hero-desc {
    color: #334155;
    font-size: 15px;
    line-height: 1.8;
    max-width: 64ch;
    margin: 14px 0 0;
}
.hero-actividades {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 22px;
}
.hero-act-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(33,108,48,.15);
    border-radius: 14px;
    padding: 12px 14px;
}
.hero-act-icon { font-size: 22px; line-height: 1; flex-shrink: 0; }
.hero-act-item strong { font-size: 13px; color: var(--ink); }
.hero-act-item .small { color: var(--muted); line-height: 1.4; }
.hero-ctas { display:flex;gap:10px;flex-wrap:wrap;margin-top:22px; }

/* HEADER FULL WIDTH */
header { width: 100%; }
header .wrap { max-width: 100%; padding: 12px 28px; }

@media (max-width: 900px) {
    .hero-full-inner { grid-template-columns: 1fr; gap: 24px; padding: 36px 18px; }
    .hero-logo-grande { display:flex;justify-content:center; }
    .hero-logo-grande img { width:130px;height:130px; }
    .hero-watermark { display:none; }
    .hero-actividades { grid-template-columns: 1fr; }
}

/* MARCA DE AGUA EN ENTRADAS */
.single .entry-content::before,
.page .entry-content::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: url('/wp-content/themes/aml-sanjorge/assets/logo.png') center/contain no-repeat;
    opacity: 0.025;
    pointer-events: none;
    z-index: 0;
}

/* ── HERO AJUSTES FINALES ────────────────────────────────────────────────── */
/* Logo más pequeño acorde al header */
.hero-logo-grande img { width: 140px; height: 140px; }

/* Texto hero ocupa todo el ancho disponible */
.hero-desc { max-width: 100%; }
.hero-titulo { white-space: nowrap; font-size: clamp(1.4rem, 2.8vw, 2.4rem); }
@media (max-width: 900px) { .hero-titulo { white-space: normal; } }

/* Grid hero: columna logo más estrecha */
.hero-full-inner { grid-template-columns: 160px 1fr; }
@media (max-width: 900px) { .hero-full-inner { grid-template-columns: 1fr; } }

/* ── BRAND HEADER MEJORADO ───────────────────────────────────────────────── */
.brand { display:flex; align-items:center; gap:14px; }
.brand img { width:64px; height:64px; border-radius:999px; border:2px solid rgba(33,108,48,.2); object-fit:cover; flex-shrink:0; }
.brand-texto { display:flex; flex-direction:column; justify-content:center; gap:2px; }
.brand-nombre { font-size:15px; font-weight:950; color:var(--ink); letter-spacing:-.3px; line-height:1.2; }
.brand-sub { font-size:12px; font-weight:700; color:var(--green); letter-spacing:.02em; }