/* FoodaC · Propuesta B «Minimal verde y amarillo»
   Paleta: negro #0E0E0E · verde profundo #203829 · verde medio #4F7F55 · amarillo #F3D23B · crema #FAF7EE
   Se carga después de style.css solo si Personalizar → Diseño FoodaC = B. */
.diseno-b{
  --negro:#0E0E0E;--negro2:#2F4E3A;--verde:#203829;--verde-m:#4F7F55;--amarillo:#F3D23B;--papel:#FAF7EE;
  --am:#203829;--am-osc:#0E0E0E;--am-txt:#203829;--am-suave:rgba(243,210,59,.55);
  --tinta:#0E0E0E;--gris-900:#1D2A22;--gris-700:#3E4B43;--gris-500:#5E6A62;--gris-300:#A3AB9F;--gris-100:#DDE1D3;
  --crema:#E6E9DC;--crema2:#DDE2D1;--blanco:#FAF7EE;
  --ln:rgba(32,56,41,.16);--ln-osc:rgba(250,247,238,.18);
  --r:6px;--r-tail:6px;--sh:none;--maxw:1240px;
  color:var(--tinta);background:var(--papel)
}

/* Tipografía y títulos */
.diseno-b h1,.diseno-b h2{font-weight:650;letter-spacing:-.04em}
.diseno-b h3,.diseno-b h4{font-weight:700;letter-spacing:-.015em}
.diseno-b h1{font-size:clamp(44px,6.8vw,100px);line-height:1}
.diseno-b h2{font-size:clamp(32px,4vw,58px);line-height:1.04}
.diseno-b h3{font-size:19px}
.diseno-b .hero--corto h1{font-size:clamp(38px,5.4vw,74px);max-width:20ch}
.diseno-b .hero h1.eslogan{font-size:clamp(50px,8.4vw,124px);line-height:.95;max-width:12ch}
.diseno-b .tx,.diseno-b .lede{color:var(--gris-700)}
.diseno-b .firma{color:var(--verde);font-weight:600}
.diseno-b .subraya{color:var(--tinta);font-weight:600;background:linear-gradient(transparent 58%,var(--am-suave) 0)}
.diseno-b .sh:before,.diseno-b .duo>div:first-child:not(.rej):before{display:block;content:"";width:48px;height:5px;background:var(--amarillo);border-radius:0;margin-bottom:22px}
.diseno-b .hero:before,.diseno-b .hero:after,.diseno-b .sec--osc:before,.diseno-b .sec--osc:after,.diseno-b .cta:before,.diseno-b .cta:after{display:none}

/* Cabecera */
.diseno-b .top{background:rgba(250,247,238,.95)}
.diseno-b .top__in{height:80px}
.diseno-b .top__logo img{height:42px}
.diseno-b .nav a{color:var(--gris-700);font-weight:500}
.diseno-b .nav a:hover,.diseno-b .nav a[aria-current="page"]{color:var(--tinta);border-bottom-color:var(--verde)}
.diseno-b .nav a.btn--am,.diseno-b .nav a.btn--am:hover{color:var(--papel);border-bottom:1.5px solid var(--verde)}
@media (max-width:1000px){.diseno-b .nav{background:var(--papel);inset:80px 0 auto 0}}
@media (max-width:600px){.diseno-b .top__in{height:68px}.diseno-b .top__logo img{height:34px}.diseno-b .nav{inset:68px 0 auto 0}}

/* Botones y enlaces (fondo claro) */
.diseno-b .btn{border-radius:999px;font-weight:600}
.diseno-b .btn--am{background:var(--verde);border-color:var(--verde);color:var(--papel)}
.diseno-b .btn--am:hover{background:var(--negro);border-color:var(--negro);transform:none}
.diseno-b .btn--linea{color:var(--tinta);border-color:var(--tinta);background:transparent}
.diseno-b .btn--linea:hover{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.diseno-b .enl{color:var(--tinta);border-bottom-width:2px;border-color:var(--amarillo)}
.diseno-b .enl:hover{border-color:var(--verde-m)}
.diseno-b :focus-visible{outline-color:var(--verde-m)}

/* Bloques oscuros: hero, banda y cierre en verde profundo */
.diseno-b .hero,.diseno-b .sec--osc,.diseno-b .cta{background:var(--verde);color:var(--papel)}
.diseno-b .hero h1,.diseno-b .hero h2,.diseno-b .hero h3,.diseno-b .sec--osc h2,.diseno-b .sec--osc h3,.diseno-b .cta h2,.diseno-b .cta h3{color:var(--papel)}
.diseno-b .hero .tx,.diseno-b .hero .lede,.diseno-b .sec--osc .tx,.diseno-b .sec--osc .lede,.diseno-b .sec--osc .chk li,.diseno-b .cta .tx{color:rgba(250,247,238,.8)}
.diseno-b .hero .firma,.diseno-b .sec--osc .firma,.diseno-b .cta .firma,.diseno-b .hero__txt .firma{color:var(--amarillo)}
.diseno-b .hero .btn--am,.diseno-b .sec--osc .btn--am,.diseno-b .cta .btn--am{background:var(--amarillo);border-color:var(--amarillo);color:var(--negro)}
.diseno-b .hero .btn--am:hover,.diseno-b .sec--osc .btn--am:hover,.diseno-b .cta .btn--am:hover{background:var(--papel);border-color:var(--papel)}
.diseno-b .hero .btn--linea,.diseno-b .sec--osc .btn--linea,.diseno-b .cta .btn--linea{color:var(--papel);border-color:rgba(250,247,238,.55)}
.diseno-b .hero .btn--linea:hover,.diseno-b .sec--osc .btn--linea:hover,.diseno-b .cta .btn--linea:hover{background:var(--papel);color:var(--verde);border-color:var(--papel)}
.diseno-b .hero .enl,.diseno-b .sec--osc .enl,.diseno-b .cta .enl{color:var(--papel);border-color:var(--amarillo)}
.diseno-b .hero :focus-visible,.diseno-b .sec--osc :focus-visible,.diseno-b .cta :focus-visible{outline-color:var(--amarillo)}
.diseno-b .sec--osc .ficha,.diseno-b .sec--osc .ficha:hover{border-color:rgba(250,247,238,.35)}
.diseno-b .sec--osc .ficha__ico,.diseno-b .sec--osc .num,.diseno-b .sec--osc .ficha__n{color:var(--amarillo)!important}
.diseno-b .sec--osc .chk li::before,.diseno-b .hero .chk li::before{background:var(--amarillo)}
.diseno-b .sec--osc .subraya,.diseno-b .cta .subraya{color:var(--papel);background:linear-gradient(transparent 62%,rgba(243,210,59,.4) 0)}
.diseno-b .sec--osc .ruta,.diseno-b .sec--osc .ruta li{border-color:rgba(250,247,238,.3)}
.diseno-b .sec--osc .sh:before,.diseno-b .sec--osc .duo>div:first-child:not(.rej):before{background:var(--amarillo)}
.diseno-b .confianza{border-top-color:var(--ln)}
.diseno-b .confianza span{color:var(--gris-500)}
.diseno-b .sec--osc .confianza{border-top-color:var(--ln-osc)}
.diseno-b .sec--osc .confianza span{color:rgba(250,247,238,.7)}
.diseno-b .confianza--solo span{color:var(--tinta);border-color:var(--tinta)}
.diseno-b .sec--osc .confianza--solo span{color:var(--papel);border-color:rgba(250,247,238,.45)}
.diseno-b .sellos li{color:var(--papel)}.diseno-b .sellos svg{color:var(--amarillo)}
.diseno-b .sellos--claro li{color:var(--tinta)}.diseno-b .sellos--claro svg{color:var(--verde-m)}

/* Hero: tipografía grande, ilustración debajo */
.diseno-b .hero{padding:clamp(64px,9vw,128px) 0 clamp(56px,7vw,96px)}
.diseno-b .hero__in,.diseno-b .hero__in--solo{grid-template-columns:minmax(0,1fr)!important;gap:clamp(40px,5vw,72px)}
.diseno-b .hero__eyebrow{color:rgba(250,247,238,.72);font-weight:600;letter-spacing:.14em}
.diseno-b .hero__eyebrow img{display:none}
.diseno-b .hero__txt .lede{max-width:50ch}
.diseno-b .hero__ilu{order:2;max-width:none;margin:0;background:rgba(14,14,14,.18);border-radius:var(--r);padding:clamp(20px,3vw,40px);display:flex;justify-content:center;animation:none}
.diseno-b .hero__ilu img{width:100%;max-width:min(100%,600px);height:auto}
@media (max-width:900px){.diseno-b .hero__ilu{padding:16px}}
.diseno-b .hero__ruta{border-top-color:var(--ln-osc)}
.diseno-b .hero__ruta li{color:rgba(250,247,238,.72)}
.diseno-b .hero__ruta li::before{background:var(--amarillo)}
.diseno-b .pills a,.diseno-b .pills span{color:rgba(250,247,238,.85);border-color:var(--ln-osc);background:transparent}
.diseno-b .pills a:hover{color:var(--papel);border-color:var(--papel)}
.diseno-b .pills [aria-current="page"]{background:var(--amarillo);border-color:var(--amarillo);color:var(--negro)}
.diseno-b .marca-lockup__tag{color:rgba(250,247,238,.82);border-left-color:var(--amarillo)}

/* Secciones claras */
.diseno-b .sec{padding:clamp(72px,9vw,132px) 0}
.diseno-b .sec--menta{background:var(--papel)}
.diseno-b .sec:not(.sec--osc):not(.cta) + .sec:not(.sec--osc):not(.cta){border-top:1px solid var(--ln)}

/* Distribución editorial: título fijo a la izquierda, contenido a la derecha */
@media (min-width:1001px){
  .diseno-b .sec>.wrap:has(>.sh){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(48px,6vw,104px);align-items:start}
  .diseno-b .sec>.wrap:has(>.sh)>*{grid-column:2}
  .diseno-b .sec>.wrap:has(>.sh)>.sh{grid-column:1;grid-row:1/span 4;position:sticky;top:112px;margin-bottom:0}
  .diseno-b .sec>.wrap:has(>.sh) .rej--3,.diseno-b .sec>.wrap:has(>.sh) .rej--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diseno-b .sec>.wrap:has(>.sh) .duo{grid-template-columns:minmax(0,1fr)}
}

/* Tarjetas → filas con filete */
.diseno-b .rej{column-gap:clamp(28px,3.5vw,48px);row-gap:clamp(24px,3vw,36px)}
.diseno-b .ficha,.diseno-b .sec--menta .ficha,.diseno-b .sec--osc .ficha{background:transparent;border:0;border-top:1.5px solid var(--verde);border-radius:0;padding:24px 0 6px}
.diseno-b .ficha:hover{transform:none;box-shadow:none;border-color:var(--verde)}
.diseno-b .ficha__ico{color:var(--verde-m);width:30px;height:30px}
.diseno-b .ficha__n{color:var(--verde-m);font-weight:700}
.diseno-b .ficha img,.diseno-b .duo__ilu img,.diseno-b .cta__ilu img{border-radius:0}
.diseno-b .ficha .num{color:var(--verde-m)!important;font-weight:600!important}
.diseno-b .rej:has(>.ficha>img){grid-template-columns:minmax(0,1fr)!important;row-gap:0}
.diseno-b .ficha:has(>img){display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,260px);column-gap:clamp(24px,5vw,80px);align-items:start;padding:32px 0}
.diseno-b .ficha:has(>img)>*{grid-column:1}
.diseno-b .ficha:has(>img)>img{grid-column:2;grid-row:1/span 4;margin:0;padding:0;align-self:center}
.diseno-b .rej:has(>.ficha>img)>.ficha:last-child{border-bottom:1.5px solid var(--verde)}
@media (max-width:700px){
  .diseno-b .ficha:has(>img){grid-template-columns:minmax(0,1fr)}
  .diseno-b .ficha:has(>img)>img{grid-column:1;grid-row:auto;max-width:300px;padding-top:8px}
}
.diseno-b .ficha--ancha{background:var(--crema);border:0;border-radius:var(--r);padding:clamp(24px,4vw,52px)}
.diseno-b .ficha--ancha h3{letter-spacing:.06em;font-size:15px;color:var(--verde)}
.diseno-b .ficha__sub{font-weight:600;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.025em}
.diseno-b .ficha__t{font-weight:700}
.diseno-b .ficha__t a:hover{color:var(--verde-m)}
.diseno-b .sd-tipos .ficha{align-items:flex-start}

/* Dos columnas: texto siempre a la izquierda */
.diseno-b .duo{gap:clamp(40px,6vw,104px)}
.diseno-b .duo--inv .duo__ilu{order:2}

/* Proceso y listas */
.diseno-b .ruta{border-top:1.5px solid var(--verde)}
.diseno-b .ruta li{grid-template-columns:96px minmax(0,1fr);padding:28px 0;border-bottom-color:var(--ln)}
.diseno-b .ruta .num{font-size:clamp(28px,3vw,40px);font-weight:500;color:var(--verde-m);letter-spacing:-.04em;line-height:1;padding:0}
.diseno-b .chk li::before{background:var(--verde-m);border-radius:50%;width:7px;height:7px;top:11px}

/* Cierre */
.diseno-b .cta__ilu{background:transparent;padding:0}

/* Formulario */
.diseno-b .form{background:var(--crema);color:var(--tinta);border:0;border-radius:var(--r)}
.diseno-b .form h2{color:var(--tinta)}
.diseno-b .campo label,.diseno-b .acepto{color:var(--gris-700)}
.diseno-b .campo .opcional,.diseno-b .form__nota{color:var(--gris-500)}
.diseno-b .campo input,.diseno-b .campo select,.diseno-b .campo textarea{background:#FFFDF8;border:1px solid var(--ln);border-radius:4px}
.diseno-b .campo input:focus,.diseno-b .campo select:focus,.diseno-b .campo textarea:focus{outline-color:var(--verde-m)}
.diseno-b .campo__error{color:#A4271C}
.diseno-b .acepto input{accent-color:var(--verde)}
.diseno-b .acepto a{border-bottom-color:var(--amarillo)}
.diseno-b .form .btn--am{background:var(--verde);border-color:var(--verde);color:var(--papel)}
.diseno-b .form__ok{background:var(--am-suave);color:var(--tinta);border-radius:4px}
.diseno-b .form__aviso{border-radius:4px}
.diseno-b .req{color:var(--verde-m)}
.diseno-b .capa-rgpd{background:transparent;border-color:var(--ln)}
.diseno-b .capa-rgpd a{border-bottom-color:var(--amarillo)}

/* Pie negro */
.diseno-b .pie{background:var(--negro);color:rgba(250,247,238,.68);border-top:0}
.diseno-b .pie h4{color:var(--papel)}
.diseno-b .pie a:hover,.diseno-b .pie__contacto a:hover{color:var(--amarillo)}
.diseno-b .pie__in>div{border-color:rgba(250,247,238,.1)!important}
.diseno-b .pie__fin{border-top-color:rgba(250,247,238,.12);color:rgba(250,247,238,.5)}
.diseno-b .pie__contacto{border-top-color:rgba(250,247,238,.1);color:var(--papel)}
.diseno-b .pie__contacto span{color:rgba(250,247,238,.3)}
.diseno-b .pie__tag{color:rgba(250,247,238,.78);border-left-color:var(--amarillo)}
.diseno-b .pie img{height:40px}

/* Aviso de cookies */
.diseno-b .ck__in{background:var(--verde);color:var(--papel);border:1px solid var(--ln-osc);border-radius:var(--r);box-shadow:0 12px 32px rgba(14,14,14,.25)}
.diseno-b .ck__t a{color:var(--papel);border-bottom-color:var(--amarillo)}
.diseno-b .ck .btn--am{background:var(--amarillo);border-color:var(--amarillo);color:var(--negro)}
.diseno-b .ck .btn--linea{color:var(--papel);border-color:rgba(250,247,238,.5)}

/* Blog y artículo */
.diseno-b .nav-links .page-numbers{border-color:var(--ln)}
.diseno-b .nav-links .current{background:var(--verde);color:var(--papel);border-color:var(--verde)}
.diseno-b .entrada th{background:var(--crema)}
.diseno-b .entrada a{border-bottom-color:var(--amarillo)}
.diseno-b .sec--osc + .cta,.diseno-b .cta + .sec--osc,.diseno-b .sec--osc + .sec--osc{border-top:1px solid rgba(250,247,238,.14)}
.diseno-b .hero + .sec--osc{border-top:1px solid rgba(250,247,238,.14)}

/* v13 · Subrayado amarillo tipo rotulador + títulos más grandes */
.diseno-b .top{background:var(--papel);backdrop-filter:none}
.diseno-b .sec{background-color:var(--papel)}
.diseno-b .sec--osc,.diseno-b .cta{background-color:var(--verde)}

/* Tamaños */
.diseno-b h1{font-size:clamp(46px,7.2vw,108px)}
.diseno-b .hero--corto h1{font-size:clamp(44px,6.4vw,92px);max-width:18ch}
.diseno-b .hero h1.eslogan{font-size:clamp(58px,10vw,148px);line-height:.94;max-width:11ch}
.diseno-b h2{font-size:clamp(38px,5vw,76px);line-height:1.02}
.diseno-b h3{font-size:clamp(20px,1.8vw,24px);line-height:1.2}
.diseno-b .ficha h3,.diseno-b .ruta h3{font-size:clamp(21px,1.9vw,25px)}
.diseno-b .ficha--ancha h3{font-size:16px}
.diseno-b .form h2{font-size:clamp(30px,3vw,40px)}
.diseno-b .entrada h2{font-size:clamp(26px,2.6vw,34px)}
.diseno-b .capa-rgpd h3{font-size:16px}
@media (min-width:1001px){
  .diseno-b .sec>.wrap:has(>.sh){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .diseno-b .sec>.wrap:has(>.sh)>.sh h2{font-size:clamp(40px,4vw,60px)}
}
@media (max-width:420px){.diseno-b h2{font-size:34px}.diseno-b .hero h1.eslogan{font-size:54px}}

/* Subrayado rotulador (se dibuja bajo el texto, respeta saltos de línea) */
.diseno-b h2,
.diseno-b .hero--corto h1,
.diseno-b .eslogan .marca,
.diseno-b .ficha h3,
.diseno-b .destacado__t{
  text-decoration-line:underline;text-decoration-color:rgba(243,210,59,.75);
  text-decoration-thickness:.3em;text-underline-offset:-.2em;text-decoration-skip-ink:none
}
.diseno-b .ficha h3{text-decoration-thickness:.34em;text-underline-offset:-.24em;text-decoration-color:rgba(243,210,59,.55)}
.diseno-b .ficha--ancha h3,.diseno-b .form h2,.diseno-b .capa-rgpd h3,.diseno-b .entrada h2{text-decoration:none}
.diseno-b .subraya{background:linear-gradient(transparent 55%,rgba(243,210,59,.75) 0)}
/* Enlaces: mismo rotulador en lugar de línea */
.diseno-b .enl{border-bottom:0;padding:0 .1em;background:linear-gradient(transparent 60%,rgba(243,210,59,.75) 0);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .2s ease}
.diseno-b .enl:hover{background:linear-gradient(transparent 20%,rgba(243,210,59,.9) 0)}
.diseno-b .entrada a,.diseno-b .capa-rgpd a,.diseno-b .acepto a{border-bottom:0;background:linear-gradient(transparent 62%,rgba(243,210,59,.7) 0)}
/* Sobre verde profundo: subrayado amarillo bajo la línea para no perder contraste */
.diseno-b .hero h1,.diseno-b .hero h2,.diseno-b .sec--osc h2,.diseno-b .sec--osc .ficha h3,.diseno-b .cta h2{
  text-decoration-line:underline;text-decoration-color:var(--amarillo);text-decoration-thickness:.09em;text-underline-offset:.12em;text-decoration-skip-ink:none
}
.diseno-b .hero h1.eslogan{text-decoration:none}
.diseno-b .hero .eslogan .marca{color:var(--amarillo);text-decoration:none}
.diseno-b .hero .enl,.diseno-b .sec--osc .enl,.diseno-b .cta .enl{background:linear-gradient(transparent 88%,var(--amarillo) 0);padding-bottom:3px}
.diseno-b .sec--osc .subraya,.diseno-b .cta .subraya{background:linear-gradient(transparent 88%,var(--amarillo) 0)}