:root{
    --cream:#F8F6F2;
    --cream-dark:#FFF1EE;
    --olive:#989477;
    --olive-dark:#7d795f;
    --rosa:#C9A0A0;
    --coral:#FF7A59;
    --coral-dark:#e0603f;
    --yellow:#989477;
    --ink:#292722;
    --ink-soft:#5c5847;
    --white:#ffffff;
    --serif:'Playfair Display', serif;
    --sans:'Montserrat', sans-serif;
    --hand:'Playfair Display', serif;
    --ease:cubic-bezier(.16,.8,.24,1);
  }

  *{margin:0;padding:0;box-sizing:border-box;}

  html{scroll-behavior:smooth;}

  body{
    background:var(--cream);
    color:var(--ink);
    font-family:var(--sans);
    font-weight:300;
    line-height:1.7;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }

  ::selection{background:var(--coral);color:var(--white);}

  ::-webkit-scrollbar{width:10px;}
  ::-webkit-scrollbar-track{background:var(--cream-dark);}
  ::-webkit-scrollbar-thumb{background:var(--olive);border-radius:10px;}
  ::-webkit-scrollbar-thumb:hover{background:var(--coral);}

  img,video{max-width:100%;display:block;}

  a{color:inherit;text-decoration:none;}

  .container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px;}

  h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:.01em;}

  .accent{
    font-family:var(--hand);
    color:var(--coral);
    font-weight:600;
  }

  .eyebrow{
    font-family:var(--sans);
    text-transform:uppercase;
    letter-spacing:.28em;
    font-size:.72rem;
    color:var(--olive-dark);
    font-weight:500;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }

  .sparkle{
    display:inline-block;
    width:26px;height:26px;
    color:var(--coral);
    flex-shrink:0;
  }
  .testimonios .sparkle{color:var(--coral);}
  .hero-content .sparkle{color:var(--coral);}

  .sparkle-float{
    position:absolute;
    color:var(--yellow);
    opacity:.4;
    pointer-events:none;
    z-index:1;
    animation:sparklePulse 4s ease-in-out infinite;
  }
  @keyframes sparklePulse{
    0%,100%{opacity:.2;transform:scale(.85) rotate(0deg);}
    50%{opacity:.55;transform:scale(1.08) rotate(18deg);}
  }
  @media(prefers-reduced-motion:reduce){.sparkle-float{animation:none;opacity:.35;}}

  @media(max-width:600px){
    .sparkle-float{transform:scale(.55);}
    .brand-icon[style*="position:absolute"]{transform:scale(.5);}
  }

  .underline-mark{
    position:relative;
    display:inline-block;
  }
  .underline-mark::after{
    content:'';
    position:absolute;
    left:-2%;
    right:-2%;
    bottom:.06em;
    height:.22em;
    background:var(--yellow);
    opacity:.55;
    z-index:-1;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .9s var(--ease);
  }
  .underline-mark.in-view::after{transform:scaleX(1);}

  .text-highlight{
    position:relative;
    display:inline;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
    background-image:linear-gradient(var(--coral),var(--coral));
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:0% 100%;
    color:inherit;
    transition:background-size .8s var(--ease), color .8s var(--ease);
    padding:.02em .1em;
  }
  .text-highlight.in-view{background-size:100% 100%;color:var(--white);}

  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:13px 24px;
    border-radius:3px;
    font-family:var(--sans);
    font-size:.68rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.16em;
    cursor:pointer;
    border:1px solid transparent;
    transition:transform .45s var(--ease), box-shadow .45s var(--ease), background .3s ease, color .3s ease, gap .3s ease;
    white-space:nowrap;
  }
  .btn:hover{gap:12px;}
  .btn-primary{
    background:var(--coral);
    color:var(--white);
    box-shadow:none;
  }
  .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px -10px rgba(255,122,89,.6);
    background:var(--coral-dark);
  }
  .btn-ghost{
    background:transparent;
    color:var(--ink);
    border-color:rgba(41,39,34,.3);
  }
  .btn-ghost:hover{
    border-color:var(--ink);
    transform:translateY(-2px);
  }

  /* ---------- NAV ---------- */
  header{
    position:fixed;
    top:0;left:0;right:0;
    z-index:1000;
    padding:22px 0;
    transition:padding .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease);
  }
  header{
    background:rgba(255,241,238,.92);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  header.scrolled{
    padding:14px 0;
    background:rgba(255,241,238,.96);
    box-shadow:0 8px 30px -20px rgba(41,39,34,.25);
  }
  nav.container{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .logo{
    font-family:var(--serif);
    font-style:normal;
    font-weight:500;
    font-size:1.15rem;
    text-transform:uppercase;
    letter-spacing:.16em;
    color:var(--ink);
  }
  .logo span{color:inherit;font-weight:inherit;}
  .nav-links{
    display:flex;
    align-items:center;
    gap:38px;
    list-style:none;
  }
  .nav-links a{
    font-size:.88rem;
    font-weight:400;
    letter-spacing:.02em;
    position:relative;
    padding:4px 0;
  }
  .nav-links a::after{
    content:'';
    position:absolute;
    left:0;bottom:0;
    width:100%;height:1px;
    background:var(--coral);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s var(--ease);
  }
  .nav-links a:hover::after{transform:scaleX(1);transform-origin:left;}
  .nav-cta{display:none;}
  @media(min-width:980px){.nav-cta{display:inline-flex;}}

  .burger{
    display:flex;
    flex-direction:column;
    gap:6px;
    background:none;
    border:none;
    cursor:pointer;
    padding:6px;
  }
  .burger span{width:26px;height:1px;background:var(--ink);transition:transform .3s ease, opacity .3s ease;}
  @media(min-width:980px){.burger{display:none;}}

  .nav-links{
    position:fixed;
    top:0;right:0;
    height:100vh;
    width:min(78vw,340px);
    background:var(--cream);
    flex-direction:column;
    justify-content:center;
    gap:34px;
    transform:translateX(100%);
    transition:transform .5s var(--ease);
    box-shadow:-20px 0 60px -30px rgba(0,0,0,.3);
  }
  .nav-links.open{transform:translateX(0);}
  @media(min-width:980px){
    .nav-links{position:static;height:auto;width:auto;background:none;flex-direction:row;transform:none;box-shadow:none;gap:38px;}
  }
  .nav-links li a{font-size:1.1rem;}
  @media(min-width:980px){.nav-links li a{font-size:.88rem;}}

  /* ---------- HERO (scroll-driven video) ---------- */
  .scroll-video-hero{
    height:100vh;
    position:relative;
    background:linear-gradient(155deg,var(--olive) 0%,var(--cream-dark) 55%,var(--coral) 130%);
  }
  .scroll-video-sticky{
    position:sticky;
    top:0;
    height:100vh;
    width:100%;
    overflow:hidden;
  }
  .scroll-video-sticky video{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    object-fit:cover;
  }
  .scroll-video-hero.video-missing .scroll-video-sticky video{display:none;}

  .hero-content{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    align-items:flex-end;
    padding-bottom:10vh;
    background:rgba(41,39,34,.4);
  }
  .hero-text .eyebrow{margin-bottom:22px;color:var(--rosa);font-weight:600;}
  .hero-text h1{
    font-family:var(--serif);
    font-size:clamp(2.2rem,4.6vw,3.6rem);
    font-weight:400;
    font-style:italic;
    letter-spacing:0;
    line-height:1.2;
    color:#fff;
    margin-bottom:30px;
  }
  .hero-text h1 .accent{
    font-family:var(--serif);
    font-style:italic;
    font-weight:600;
    color:var(--coral);
  }
  .hero-text p{
    max-width:52ch;
    color:rgba(248,246,242,.9);
    font-size:1rem;
    font-weight:300;
    margin-bottom:36px;
  }
  .hero-ctas{display:flex;gap:18px;flex-wrap:wrap;}
  .hero-content .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5);}
  .hero-content .btn-ghost:hover{border-color:#fff;}

  @media(prefers-reduced-motion:reduce){
    .scroll-video-hero{height:100vh;}
  }

  /* ---------- SECTION SHARED ---------- */
  section{position:relative;padding:130px 0;}
  .section-head{max-width:640px;margin-bottom:70px;}
  .section-head .eyebrow{margin-bottom:16px;}
  .section-head h2{
    font-family:var(--serif);
    font-size:clamp(2.1rem,4.2vw,3.1rem);
    font-weight:500;
    font-style:normal;
    letter-spacing:.005em;
  }
  .section-head h2 em{
    font-family:var(--serif);
    font-style:italic;
    font-weight:500;
    color:var(--coral);
  }

  .reveal{
    opacity:0;
    transform:translateY(36px);
    transition:opacity .9s var(--ease), transform .9s var(--ease);
  }
  .reveal.in-view{opacity:1;transform:translateY(0);}
  .reveal-scale{opacity:0;transform:scale(.92);transition:opacity .9s var(--ease), transform .9s var(--ease);}
  .reveal-scale.in-view{opacity:1;transform:scale(1);}

  [data-stagger] > *{
    opacity:0;
    transform:translateY(30px);
    transition:opacity .7s var(--ease), transform .7s var(--ease);
  }
  [data-stagger].in-view > *{opacity:1;transform:translateY(0);}

  /* ---------- ABOUT ---------- */
  .about{background:var(--white);}
  .about-grid{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:60px;
    align-items:center;
  }
  @media(min-width:960px){
    .about-grid{grid-template-columns:1.2fr .8fr;gap:70px;}
    .about-photo{order:2;}
    .about-body{order:1;}
  }

  .about-photo{
    position:relative;
    aspect-ratio:3/4;
    border-radius:14px;
    background:linear-gradient(160deg,var(--cream-dark),var(--rosa) 120%);
    border:1px dashed rgba(44,42,36,.3);
    display:flex;align-items:center;justify-content:center;
    padding:24px;text-align:center;
    overflow:hidden;
  }
  .about-photo span{
    font-size:.75rem;letter-spacing:.03em;color:rgba(44,42,36,.75);
    background:rgba(255,255,255,.65);padding:9px 14px;border-radius:8px;
    position:relative;z-index:1;
  }
  .about-photo img{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
    z-index:2;
  }

  .about-body p{color:var(--ink-soft);margin-bottom:22px;font-size:1.02rem;}
  .about-body p:last-child{margin-bottom:0;}
  .about-body strong{color:var(--ink);font-weight:500;}
  .locus{
    display:inline-flex;align-items:center;gap:10px;
    margin-top:8px;
    font-size:.85rem;letter-spacing:.02em;color:var(--olive-dark);
  }
  .locus::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--coral);}

  /* ---------- VIDEO BRAND FILM ---------- */
  .brandfilm{background:#44422f;}
  .brandfilm .section-head h2{color:var(--cream);font-style:italic;}
  .brandfilm .eyebrow{color:var(--rosa);}
  .video-frame{
    position:relative;
    max-width:900px;
    margin:0 auto;
    border-radius:16px;
    overflow:hidden;
    aspect-ratio:16/9;
    background:#000;
    box-shadow:0 30px 70px -30px rgba(0,0,0,.6);
  }
  .video-frame video{
    width:100%;height:100%;
    object-fit:cover;
    display:block;
  }

  /* ---------- SERVICIOS ---------- */
  .servicios{background:var(--cream);}
  .cards{
    display:grid;
    grid-template-columns:1fr;
    gap:28px;
  }
  @media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr);}}

  .card{
    background:transparent;
    border-radius:0;
    padding:0 0 0 28px;
    border-left:1px solid rgba(41,39,34,.18);
    display:flex;
    flex-direction:column;
    gap:16px;
    box-shadow:none;
    transition:border-color .4s var(--ease), transform .4s var(--ease);
  }
  .card:hover{
    transform:translateX(4px);
    border-color:var(--coral);
    box-shadow:none;
  }
  .icon-row{display:flex;align-items:center;gap:14px;}
  .brand-icon{color:var(--olive);flex-shrink:0;}
  .card .icon{
    width:auto;height:auto;
    border-radius:0;
    background:none;
    display:block;
    font-family:var(--serif);
    font-size:2rem;
    font-weight:500;
    color:var(--rosa);
    line-height:1;
  }
  .card h3{font-family:var(--sans);font-size:1.05rem;font-weight:600;font-style:normal;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);}
  .card p{color:var(--ink-soft);font-size:.95rem;flex-grow:1;}
  .card a.btn{align-self:flex-start;}

  /* ---------- SERVICE PAGE (páginas dedicadas por servicio) ---------- */
  .service-hero{padding:170px 0 90px;background:var(--white);}
  .service-hero-grid{
    display:grid;grid-template-columns:1fr;gap:48px;align-items:center;
  }
  @media(min-width:900px){.service-hero-grid{grid-template-columns:.95fr 1.05fr;gap:70px;}}
  .service-hero-photo{
    position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;
    box-shadow:0 40px 70px -34px rgba(44,42,36,.45);
  }
  .service-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;}
  .service-hero-text .eyebrow{margin-bottom:18px;}
  .service-hero-text h1{
    font-family:var(--sans);font-weight:700;font-style:normal;letter-spacing:-.01em;
    font-size:clamp(2.2rem,4.6vw,3.4rem);margin-bottom:22px;color:var(--ink);
  }
  .service-hero-text h1 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--coral);}
  .service-hero-text .lede{font-size:1.12rem;color:var(--ink);margin-bottom:20px;}
  .service-hero-text p{color:var(--ink-soft);margin-bottom:20px;font-size:1.02rem;}
  .service-hero-text p:last-of-type{margin-bottom:32px;}
  .service-body{background:var(--white);padding-bottom:130px;}
  .service-body .container{max-width:760px;}
  .service-body p{color:var(--ink-soft);font-size:1.06rem;margin-bottom:24px;}
  .service-body h2{
    font-family:var(--sans);font-weight:700;font-style:normal;letter-spacing:-.01em;
    font-size:clamp(1.7rem,3.4vw,2.3rem);margin-bottom:26px;color:var(--ink);
  }
  .service-body h2 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--coral);}
  .card a.btn{align-self:flex-start;padding:11px 24px;font-size:.8rem;margin-top:6px;}

  /* ---------- CTA BAND (banda de cierre en páginas de servicio) ---------- */
  .cta-band{background:#44422f;color:var(--cream);text-align:center;}
  .cta-band .eyebrow{color:var(--rosa);justify-content:center;}
  .cta-band .section-head{margin:0 auto 34px;max-width:560px;}
  .cta-band .section-head h2{color:var(--cream);}
  .btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}

  /* ---------- PLACEHOLDER (contenido de ejemplo, listo para reemplazar) ---------- */
  .ph-note{
    display:inline-block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;
    color:var(--coral-dark);background:rgba(255,127,80,.12);
    padding:5px 12px;border-radius:100px;margin-bottom:14px;font-weight:600;
  }
  .ph-block{
    border:1px dashed rgba(255,127,80,.5);border-radius:14px;
    padding:22px 24px;background:rgba(255,127,80,.045);
  }
  .ph-block p{color:var(--ink-soft);font-style:italic;margin-bottom:12px;}
  .ph-block p:last-child{margin-bottom:0;}

  /* ---------- TOPIC ROWS (charlas/temas, foto + texto alternados) ---------- */
  .topics{background:var(--cream);}
  .topics-list{display:flex;flex-direction:column;gap:90px;}
  .topic-row{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;}
  @media(min-width:860px){
    .topic-row{grid-template-columns:.85fr 1.15fr;gap:64px;}
    .topic-row .topic-media{order:1;}
    .topic-row .topic-text{order:2;}
    .topic-row.topic-row--reverse .topic-media{order:2;}
    .topic-row.topic-row--reverse .topic-text{order:1;}
  }
  .topic-media{
    position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;
    background:linear-gradient(160deg,var(--cream-dark),var(--rosa) 120%);
    border:1px dashed rgba(44,42,36,.3);
    display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;
    box-shadow:0 26px 50px -30px rgba(44,42,36,.35);
  }
  .topic-media span{
    font-size:.75rem;letter-spacing:.03em;color:rgba(44,42,36,.75);
    background:rgba(255,255,255,.65);padding:9px 14px;border-radius:8px;position:relative;z-index:1;
  }
  .topic-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;}
  .topic-badge{
    position:absolute;top:16px;left:16px;z-index:3;
    display:inline-flex;align-items:center;gap:6px;
    background:var(--white);color:var(--coral-dark);
    padding:8px 14px;border-radius:100px;
    font-family:var(--sans);font-weight:700;font-size:.8rem;letter-spacing:.04em;
    box-shadow:0 10px 24px -12px rgba(44,42,36,.4);
  }
  .topic-badge svg{width:14px;height:14px;color:var(--coral);flex-shrink:0;}
  .topic-kicker{
    display:flex;align-items:center;gap:8px;
    font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
    color:var(--coral-dark);margin-bottom:10px;
  }
  .topic-kicker svg{width:13px;height:13px;color:var(--coral);flex-shrink:0;}
  .topic-text h3{
    font-family:var(--sans);font-weight:700;font-style:normal;letter-spacing:-.01em;
    font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:16px;color:var(--ink);
  }
  .topic-text h3 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--coral);}
  .topic-text p{color:var(--ink-soft);font-size:1.02rem;margin-bottom:12px;}
  .topic-text p:last-child{margin-bottom:0;}

  /* ---------- GALERÍA ---------- */
  .galeria{background:var(--white);}
  .gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-auto-rows:110px;
    grid-auto-flow:dense;
    gap:14px;
  }
  @media(min-width:640px){.gallery-grid{grid-auto-rows:130px;gap:16px;}}
  @media(min-width:960px){.gallery-grid{grid-auto-rows:150px;gap:18px;}}

  /* bento rhythm: big square, wide, small, small — repeats every 4 items */
  .gallery-frame{grid-column:span 2;grid-row:span 1;}
  .gallery-frame:nth-child(4n+1){grid-column:span 2;grid-row:span 2;}
  .gallery-frame:nth-child(4n+2){grid-column:span 2;grid-row:span 1;}
  .gallery-frame:nth-child(4n+3){grid-column:span 1;grid-row:span 1;}
  .gallery-frame:nth-child(4n+4){grid-column:span 1;grid-row:span 1;}

  .gallery-frame{
    position:relative;
    border-radius:2px;
    overflow:hidden;
    background:var(--cream-dark);
    box-shadow:none;
    transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  }
  .gallery-frame:hover{transform:translateY(-4px);}
  .gallery-frame:has(.gallery-cap)::after{
    content:'';position:absolute;inset:0;z-index:2;
    background:linear-gradient(0deg,rgba(44,42,36,.62) 0%,rgba(44,42,36,0) 50%);
    pointer-events:none;
  }
  .gallery-frame img{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
    transition:transform .6s var(--ease);
  }
  .gallery-frame:hover img{transform:scale(1.08);}
  .gallery-cap{
    position:absolute;left:14px;right:14px;bottom:12px;z-index:3;
    color:#fff;font-size:.8rem;letter-spacing:.03em;font-weight:500;
  }
  .galeria-empty-note{
    color:var(--ink-soft);
    font-size:.9rem;
    font-style:italic;
  }

  /* ---------- TESTIMONIOS ---------- */
  .testimonios{background:#44422f;color:var(--cream);padding:0 0 130px;}
  .testimonios .eyebrow{color:var(--rosa);}
  .testimonios .section-head h2{color:var(--cream);}
  .testimonios-banner{
    position:relative;overflow:hidden;
    min-height:420px;
    margin-bottom:60px;
  }
  @media(min-width:760px){.testimonios-banner{min-height:520px;}}
  .testimonios-banner img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:0;
  }
  .testimonios-banner-scrim{
    position:absolute;inset:0;z-index:1;
    background:rgba(44,42,36,.42);
  }
  .testimonios-banner .container{position:relative;z-index:2;width:100%;}
  .testimonios-banner .section-head{max-width:640px;}
  .testimonios-banner h2{text-shadow:0 2px 18px rgba(0,0,0,.75), 0 1px 3px rgba(0,0,0,.9);}
  .test-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:26px;
  }
  @media(min-width:760px){.test-grid{grid-template-columns:repeat(3,1fr);}}
  .test-card{
    background:rgba(255,245,238,.06);
    border:1px solid rgba(255,245,238,.14);
    border-radius:16px;
    padding:38px 30px;
    display:flex;
    flex-direction:column;
    gap:22px;
    transition:transform .5s var(--ease), background .5s var(--ease);
  }
  .test-card:hover{transform:translateY(-8px);background:rgba(255,245,238,.1);}
  .test-quote-mark{font-family:var(--serif);font-style:italic;font-size:3rem;color:var(--coral);line-height:.6;}
  .test-card p{font-size:.98rem;color:rgba(248,246,242,.88);flex-grow:1;}
  .test-tag{
    font-family:var(--serif);
    font-style:italic;
    color:var(--rosa);
    font-size:1.3rem;
  }
  .test-attr{font-size:.78rem;letter-spacing:.02em;color:rgba(255,245,238,.55);}

  /* ---------- CONTACTO ---------- */
  .contacto{background:var(--white);}
  .contact-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:56px;
  }
  @media(min-width:900px){.contact-grid{grid-template-columns:.85fr 1.15fr;}}

  .contact-info h2{
    font-family:var(--serif);
    font-size:clamp(2.1rem,4vw,2.9rem);
    font-weight:500;
    font-style:normal;
    letter-spacing:.005em;
    margin-bottom:20px;
  }
  .contact-info h2 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--coral);}
  .contact-info > p{color:var(--ink-soft);margin-bottom:34px;max-width:44ch;}
  .contact-list{list-style:none;display:flex;flex-direction:column;gap:20px;}
  .contact-list li{display:flex;align-items:center;gap:14px;font-size:.98rem;}
  .contact-list .ic{
    width:38px;height:38px;border-radius:50%;
    background:var(--cream-dark);
    display:flex;align-items:center;justify-content:center;
    color:var(--coral);flex-shrink:0;
  }
  .contact-list a:hover{color:var(--coral);}

  form{display:flex;flex-direction:column;gap:20px;}
  .field{display:flex;flex-direction:column;gap:8px;}
  .field label{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--olive-dark);}
  .field input,.field textarea{
    border:none;
    border-bottom:1px solid rgba(44,42,36,.25);
    background:transparent;
    padding:12px 4px;
    font-family:var(--sans);
    font-size:1rem;
    color:var(--ink);
    transition:border-color .3s ease;
    resize:vertical;
  }
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--coral);}
  form .btn{align-self:flex-start;margin-top:8px;border:none;}
  .form-note{font-size:.78rem;color:var(--ink-soft);}

  /* Intento de ocultar la insignia de Netlify (puede no aplicar si la inyecta la plataforma) */
  .netlify-badge{display:none !important;}

  /* ---------- FOOTER ---------- */
  footer{
    background:#44422f;
    color:rgba(248,246,242,.65);
    padding:44px 0;
    text-align:center;
    font-size:.82rem;
    letter-spacing:.02em;
  }
  footer .logo{color:var(--cream);font-size:1rem;margin-bottom:12px;display:block;}
  footer .logo span{color:inherit;}

  @media(prefers-reduced-motion:reduce){
    *{animation-duration:.001s !important;transition-duration:.001s !important;}
    html{scroll-behavior:auto;}
  }