/* CSS propio de la portada `home-sembrio` — era un <style> en views/home-sembrio.ejs hasta el 23-sep-2026. */
.sb-wrap{--gut:20px;max-width:1200px;margin:0 auto;padding:20px 28px 48px;
             display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:stretch}

    .sb-c3{grid-column:span 3}
    .sb-c4{grid-column:span 4}
    .sb-c6{grid-column:span 6}
    .sb-c8{grid-column:span 8}
    .sb-c12{grid-column:span 12}

    .sb-mod{background:var(--paper-2);padding:24px;display:flex;flex-direction:column;min-width:0}
    .sb-wrap h1,.sb-wrap h2,.sb-wrap h3{overflow-wrap:break-word}

    .sb-cinta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 22px;
              background:var(--paper-2);padding:13px 24px;
              font:500 10.5px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
    .sb-cinta b{color:var(--ink);font-weight:700}
    .sb-cinta span:last-child{color:var(--accent);font-weight:700}

    .sb-et{display:block;font:700 9.5px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
    .sb-pie{font:500 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}
    .sb-rotulo{grid-column:span 12;display:flex;align-items:center;gap:10px;padding:18px 0 0;
               font:700 10.5px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ink)}
    .sb-rotulo::before{content:"";display:block;width:9px;height:9px;background:var(--accent);flex:none}

    .sb-lead,.sb-op{min-height:400px}
    .sb-lead .sb-et,.sb-op .sb-et{margin:0 0 14px}
    .sb-lead h1{font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.9vw,37px);line-height:1.12;
                letter-spacing:-.025em;margin:0;color:var(--ink);text-align:left;text-wrap:balance}
    .sb-lead h1 a{color:inherit}
    .sb-lead:hover h1{color:var(--accent)}
    .sb-lead .sb-dek{font:400 14.5px/1.6 var(--sans);color:var(--muted);margin:14px 0 0;max-width:58ch}
    .sb-op h2{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.015em;
              margin:0;color:var(--ink);text-align:left;text-wrap:balance}
    .sb-op h2 a{color:inherit}
    .sb-op:hover h2{color:var(--accent)}

    .sb-foto{flex:1 1 auto;min-height:130px;display:block;overflow:hidden;background:var(--paper-3);margin:18px 0 0}
    .sb-foto img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
    .sb-mod:hover .sb-foto img{transform:scale(1.03)}
    .sb-ph{width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--paper-3) 0 9px,var(--paper) 9px 18px)}
    .sb-mod .sb-pie{margin:16px 0 0}

    .sb-campo{background:var(--accent-bg)}
    .sb-campo .sb-et{color:var(--accent);margin:0 0 4px}
    .sb-campo h2{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.02em;
                 margin:0 0 20px;color:var(--ink)}
    .sb-campo dl{display:grid;grid-template-columns:auto auto;column-gap:14px;row-gap:11px;margin:0;align-items:baseline}
    .sb-campo dt{font:500 10.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
    .sb-campo dd{font-family:var(--serif);font-weight:600;font-size:15px;line-height:1.3;color:var(--ink);
                 margin:0;text-align:right;justify-self:end}
    .sb-campo .sb-pie{margin-top:auto;padding-top:22px;color:var(--muted)}

    .sb-aldia h2{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.02em;
                 margin:0 0 20px;color:var(--ink)}
    .sb-lista{display:grid;grid-template-columns:1fr 1fr;gap:22px var(--gut);margin:0}
    .sb-it{min-width:0}
    .sb-it .sb-et{color:var(--accent);margin:0 0 7px}
    .sb-it h3{font-family:var(--serif);font-weight:600;font-size:16.5px;line-height:1.33;letter-spacing:-.01em;
              margin:0;color:var(--ink);text-align:left}
    .sb-it h3 a{color:inherit}
    .sb-it:hover h3{color:var(--accent)}
    .sb-it .sb-pie{margin:8px 0 0}

    .sb-rejilla{grid-column:span 12}
    .sb-rejilla .zpn-a61{grid-template-columns:repeat(4,1fr);gap:var(--gut)}

    .sb-ademas{min-height:160px}
    .sb-ademas .sb-et{margin:0 0 12px}
    .sb-ademas h3{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.015em;
                  margin:0;color:var(--ink);text-align:left;text-wrap:balance}
    .sb-ademas h3 a{color:inherit}
    .sb-ademas:hover h3{color:var(--accent)}
    .sb-ademas .sb-pie{margin-top:auto;padding-top:18px}

    .sb-pauta{grid-column:span 12}
    .sb-vacio{grid-column:span 12;background:var(--paper-2);padding:56px 24px}
    .sb-vacio h1{font-family:var(--serif);font-weight:700;font-size:28px;letter-spacing:-.025em;margin:0 0 10px;color:var(--ink)}

    @media(max-width:1024px){
      .sb-wrap{--gut:18px;padding:18px 22px 40px}
      .sb-lead{grid-column:span 12;min-height:0}
      .sb-lead .sb-foto{flex:none;aspect-ratio:21/9}
      .sb-op{grid-column:span 6;min-height:320px}
      .sb-campo,.sb-aldia{grid-column:span 12}
      .sb-campo dl{grid-template-columns:auto 1fr auto 1fr;column-gap:14px;row-gap:12px}
      .sb-rejilla .zpn-a61{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:720px){
      .sb-wrap{--gut:14px;padding:14px 16px 34px}
      .sb-mod{padding:18px}
      .sb-cinta{padding:12px 18px;letter-spacing:.16em}
      .sb-lead,.sb-op,.sb-ademas,.sb-c3,.sb-c4,.sb-c6,.sb-c8{grid-column:span 12}
      .sb-lead{min-height:0}
      .sb-op{min-height:0}
      .sb-foto{flex:none;aspect-ratio:16/9;min-height:0}
      .sb-lead .sb-dek{display:none}
      .sb-lista{grid-template-columns:1fr;gap:20px}
      .sb-campo dl{grid-template-columns:auto auto}
      .sb-rejilla .zpn-a61{grid-template-columns:1fr}
      .sb-rotulo{padding-top:12px}
    }