/* ==========================================================
   Paleta «Cielo abierto» · 10/10/2026
   Rojo #7d133a (empuje) · Cielo #a7d4e4 (libertad) · Melón #f5ecc2 · Blanco floral #fafaf7
   Copia previa: version-antes-paleta-cielo-2026-10-10/
   ========================================================== */
:root{--rojo:#7d133a;--cielo:#a7d4e4;--melon:#f5ecc2;--floral:#fafaf7;
  --cream:#fafaf7;--ink:#7d133a;--red:#7d133a;--blue:#7d133a;--sand:#7d133a;--pink:#f5ecc2;--orange:#7d133a;--asterisk-orange:#7d133a}
body{background:var(--floral)}

/* Texto claro sobre fondos rojos */
.nav-contact,nav a:last-child{color:var(--floral)!important}
.btn{color:var(--floral)}
.btn.outline{color:var(--rojo);background:transparent}
.floating-cta,.floating-cta span,.floating-cta strong{color:var(--floral)!important}
.floating-cta{border-color:#fafaf760}

/* Portada */
.hero-x .arch-shadow{background:var(--cielo)}
.hero-x .arch{background:#d8ecf3}
.journey-dot{background:var(--cielo)}

/* Franja */
.strip{background:var(--rojo)}
.ticker .tk b.it{color:var(--cielo)}
.ticker .tk svg{color:var(--melon)}

/* Bloque «Tu idea. En grande.» sobre cielo */
.landing-scene{background:var(--cielo)}
.landing-stage{background:radial-gradient(120% 75% at 50% 78%,#cfe8f1 0%,#a7d4e4 50%,#8cc4d8 100%)}
.scene-mega{color:#bcdfea}
.landing-scene-copy h2,.landing-scene-copy p{color:var(--rojo)}
.landing-scene-copy h2 em{color:var(--rojo);text-shadow:none}
.landing-scene-copy .eyebrow svg{color:var(--melon)}
.scene-floor{background:radial-gradient(closest-side,#7d133a30,#7d133a10 60%,transparent)}

/* Carpetas de servicios: cielo, rojo y melón */
.service-folder{--folder-color:var(--cielo)}
.service-folder:nth-child(2){--folder-color:var(--rojo)}
.service-folder:nth-child(3){--folder-color:var(--melon)}
.service-folder .folder-heading,.service-folder:nth-child(3) .folder-heading{color:var(--rojo)}
.service-folder:nth-child(2) .folder-heading{color:var(--floral)}

/* Recursos sobre cielo; contacto en rojo con texto claro */
.free-resources{background:var(--cielo)!important;color:var(--rojo)}
.free-resources .resource-mockup.prompts{background:#d8ecf3}
.contact{color:var(--floral)}
.contact .hand{color:var(--melon)}
.free-resources .link{color:var(--rojo)}

/* Instagram */
.instagram-life .eyebrow{color:var(--melon)}

/* Soy Anet */
.about .about-portrait{box-shadow:22px 22px 0 var(--cielo)}
.about-copy strong{background:#a7d4e480;box-shadow:inset 0 -2px 0 var(--rojo)}

/* Páginas interiores */
.hero{background:var(--cielo)}
.hero-x{background:transparent}
.cta{background:var(--cielo);color:var(--rojo)}
.cta .btn{background:var(--rojo);color:var(--floral)}
.card{border-top-color:var(--rojo)}.card:nth-child(2){border-top-color:var(--cielo)}

/* Taller IA a Chancletazos sobre cielo */
.workshop{background:var(--cielo)}
.workshop:before{background:radial-gradient(closest-side,#cfe8f1,transparent)}
.workshop-copy h2 em{color:var(--rojo);text-shadow:none}
.workshop-copy .btn{background:var(--rojo);color:var(--floral)}
.note-one{background:var(--rojo)}
.note-one .eyebrow{color:var(--melon)}

/* ==========================================================
   Paleta definitiva en prueba · 11/10/2026
   Azul cielo #a7d4e4 (principal) · Vino frambuesa #7d133a (identidad)
   Amarillo crema #f5ecc2 (secundario) · Blanco cálido #fafaf7 (base) · Negro grafito #191919 (texto)
   Las reglas de arriba ya usan estos tonos; aquí, el texto general en grafito.
   ========================================================== */
:root{--color-primary:#a7d4e4;--color-accent:#7d133a;--color-secondary:#f5ecc2;--color-background:#fafaf7;--color-text:#191919}
body{color:#191919}
/* Texto corrido y navegación en grafito; titulares, botones y acentos en vino */
p,li,summary,details p,.lead,.hp-d,.hp-t,.intro,.back,header nav a:not(.nav-contact):not(:last-child),.header nav a:not(.nav-contact),
.section-head p,.service-folder .folder-paper p,.project-card p,.resource-card p,.steps p,.footer,footer,
.landing-scene-copy p,.workshop-copy p,.cal-week span,.project-visual figcaption,.instagram-group span{color:#191919}
.eyebrow,.hero-x .eyebrow{color:#191919}
h1,h2,h3,.brand,.hp-n,.steps .number,.portfolio .project-card small{color:#7d133a}
.hero-x h1 .ln,.hero-x h1 .ln-in{color:#7d133a}
.hero-x h1 em{color:#191919}
/* Secciones de impacto en vino: todo el texto claro */
.contact,.contact p,.contact h2,.contact .eyebrow,.contact label,.contact .pending,
.instagram-life,.instagram-life p,.instagram-life h2,.instagram-controls .link,.instagram-controls button,
.service-folder:nth-child(2) .folder-heading,.strip{color:#fafaf7}
.instagram-life .eyebrow,.contact .hand{color:#f5ecc2}
.ticker .tk b.it{color:#a7d4e4}.ticker .tk svg{color:#f5ecc2}
/* Detalles en amarillo crema y cielo */
.hero-x .arch-shadow{background:#a7d4e4}
.about .about-portrait{box-shadow:22px 22px 0 #f5ecc2}
.about-copy strong{background:#f5ecc2;box-shadow:inset 0 -2px 0 #7d133a}
.landing-scene-copy .eyebrow svg,.device figcaption svg{color:#7d133a}
.hand{color:#7d133a}
.instagram-group span{background:#fafaf7}
.free-resources .section-head p{color:#191919}
.cta{background:#f5ecc2}
.hero{background:#a7d4e4}
.hero-x{background:transparent}

/* ==== Logo: «Anet» fina (Raleway 200) + «Pereda» en DM Serif Display + asterisco · 12/10/2026 ==== */
.brand{display:inline-flex;align-items:baseline;white-space:nowrap;color:#7d133a;letter-spacing:0}
.brand-a{font-family:Raleway,sans-serif;font-weight:200;letter-spacing:-.01em;margin-right:.02em}
.brand-p{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.03em}
.brand .asterisk,.brand .brand-asterisk{width:.3em;height:.3em;margin-left:.06em;align-self:flex-end;margin-bottom:.36em;color:#7d133a}
/* el nombre gigante de la portada sigue el mismo logo */
.poster-name .pn-1{font-family:Raleway,sans-serif;font-weight:200;letter-spacing:-.04em}
