:root{
    --cream:#F6F2E8;
    --cream-soft:#ECE5D4;
    --ink:#182230;
    --ink-soft:#4B5563;
    --navy:#0E3A5C;
    --navy-strong:#0A2B45;
    --warm-blue:#2C5D8A;
    --deep-green:#1F4C3F;
    --deep-green-soft:#2C6553;
    --warm-green:#3E6B4C;
    --teal:#146F62;
    --teal-soft:#DEEAE3;
    --coral:#D8375C;
    --coral-soft:#F6DDE2;
    --line:rgba(24,34,48,0.13);
    --surface:#FFFDF8;
    --shadow: 0 18px 40px -22px rgba(14,58,92,0.35);
    --font-display:'Wix Madefor Display','Segoe UI',system-ui,sans-serif;
    --font-text:'Wix Madefor Text','Segoe UI',system-ui,sans-serif;
  }
  /* El sitio usa siempre la paleta clara de la marca, sin importar el modo del sistema. */

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;width:100%;}
  /* Todas las páginas menos la de inicio tienen su propio bloque de estilos con
     tamaños en rem fijos a los 16px por defecto del navegador — mucho más chico que
     el cuerpo de texto (ver más abajo) que sí está afinado para celular. Este ajuste
     escala esos rem en todo el sitio, sin tocar cada página una por una. */
  @media (max-width:640px){ html{font-size:17.5px;} }
  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;} }

  body{
    margin:0;
    overflow-x:hidden;
    width:100%;
    background:var(--cream);
    color:var(--ink);
    font-family:var(--font-text);
    font-size:clamp(19px, 0.6vw + 16px, 22px);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;}
  .wrap{width:100%;max-width:min(90vw, 1320px);margin:0 auto;padding:0 8px;}
  @media (min-width:640px){ .wrap{padding:0 32px;} }

  h1,h2,h3{font-family:var(--font-display);color:var(--navy-strong);margin:0;text-wrap:balance;}
  h1{font-weight:800;letter-spacing:-0.01em;}
  h2{font-weight:700;letter-spacing:-0.005em;}
  p{margin:0;}
  .lede{max-width:62ch;color:var(--ink-soft);}

  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--font-text);
    font-size:0.78rem;font-weight:700;letter-spacing:0.11em;text-transform:uppercase;
    color:var(--teal);
  }
  .eyebrow::before{content:"";width:18px;height:2px;background:var(--teal);border-radius:2px;}

  /* ---------- header ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:color-mix(in srgb, var(--cream) 88%, transparent);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  header .wrap{max-width:1400px;}
  .nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;}
  .brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none;margin-left:clamp(4px,1.5vw,20px);}
  .brand img{width:clamp(46px, 3.3vw, 66px);height:auto;}
  .brand-name{font-family:var(--font-display);font-weight:700;font-size:1.26rem;color:var(--navy-strong);line-height:1.15;white-space:nowrap;}
  .brand-name small{display:block;font-family:var(--font-text);font-weight:500;font-size:0.68rem;color:var(--ink-soft);letter-spacing:0.03em;}

  /* El listado inline de siempre no entra a un tamaño de letra legible sin
     superponerse (8 links + logo + CTA en una sola fila) — por eso en vez de
     forzar texto chico, el menú vive siempre detrás del botón "Menú", con un
     panel propio para cada tamaño de pantalla (ver .mobile-panel más abajo). */
  .nav-links{display:none;}
  .nav-cta{
    display:inline-flex;flex:none;align-items:center;
    background:var(--coral);color:#fff;text-decoration:none;
    font-weight:700;font-size:0.86rem;padding:10px 16px;border-radius:999px;
    box-shadow:var(--shadow);white-space:nowrap;
  }
  /* "Quiero mi turno" ya se repite en varios lugares de cada página — en el
     header alcanza con el botón Menú, sin duplicarlo al lado. Sigue
     disponible como primer botón dentro del propio menú desplegable. */
  .nav > .nav-cta{display:none;}

  .menu-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    height:42px;padding:0 16px 0 14px;border-radius:12px;border:1px solid var(--line);
    background:var(--surface);cursor:pointer;margin-right:clamp(6px,2vw,22px);
    position:relative;transition:border-color .15s ease, box-shadow .15s ease;
  }
  .menu-btn:hover{border-color:var(--teal);box-shadow:0 8px 20px -12px rgba(14,58,92,0.4);}
  .menu-btn-bars{display:block;width:18px;height:2px;background:var(--ink);position:relative;flex:none;transition:background .2s ease;}
  .menu-btn-bars::before,.menu-btn-bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);transition:transform .2s ease, top .2s ease;}
  .menu-btn-bars::before{top:-6px;} .menu-btn-bars::after{top:6px;}
  .menu-btn[aria-expanded="true"] .menu-btn-bars{background:transparent;}
  .menu-btn[aria-expanded="true"] .menu-btn-bars::before{top:0;transform:rotate(45deg);}
  .menu-btn[aria-expanded="true"] .menu-btn-bars::after{top:0;transform:rotate(-45deg);}
  .menu-btn-label{font-family:var(--font-text);font-weight:700;font-size:0.86rem;color:var(--navy-strong);}

  .mobile-panel{
    display:none;
    border-top:1px solid var(--line);
    background:var(--cream);
  }
  .mobile-panel.open{display:block;}
  .mobile-panel ul{list-style:none;margin:0;padding:14px 0;display:flex;flex-direction:column;}
  .mobile-panel a{display:block;padding:12px 20px;text-decoration:none;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);}
  .mobile-panel .nav-cta{display:flex;margin:14px 20px 6px;justify-content:center;}

  /* En pantallas grandes el mismo panel se convierte en un dropdown propio,
     anclado bajo el botón: letra grande, dos columnas, sin competir por
     espacio horizontal con el resto del header. */
  @media (min-width:860px){
    header .wrap{position:relative;}
    .mobile-panel{
      position:absolute;top:calc(100% + 10px);right:clamp(6px,2vw,22px);
      width:min(560px, calc(100vw - 40px));
      border-top:none;border-radius:20px;
      background:var(--surface);border:1px solid var(--line);
      box-shadow:0 28px 60px -24px rgba(14,58,92,0.35);
      opacity:0;transform:translateY(-8px) scale(0.98);pointer-events:none;
      transition:opacity .18s ease, transform .18s ease;
    }
    .mobile-panel.open{display:block;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
    .mobile-panel ul{
      padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:4px;
    }
    .mobile-panel a{
      border-bottom:none;border-radius:12px;padding:14px 16px;
      font-family:var(--font-display);font-size:1.05rem;font-weight:600;
      transition:background .15s ease, color .15s ease;
    }
    .mobile-panel a:hover{background:var(--teal-soft);color:var(--teal);}
    .mobile-panel .nav-cta{grid-column:1 / -1;margin:8px 16px 4px;}
  }

  /* ---------- hero identity block ---------- */
  .hero-id{padding:34px 0 24px;text-align:center;}
  .hero-id-title{
    font-size:clamp(1.85rem, 4.4vw + 1rem, 2.85rem);line-height:1.3;letter-spacing:0.008em;color:var(--warm-blue);
    margin-bottom:22px;font-weight:700;
  }
  .hero-id-title span{display:block;font-family:var(--font-display);font-weight:700;color:var(--deep-green);font-size:0.62em;margin-top:14px;letter-spacing:0.03em;}
  .hero-photo.hero-photo--top{
    width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  }
  @media (min-width:900px){ .hero-photo.hero-photo--top{max-width:min(85vw, 1700px);width:100%;margin-left:auto;margin-right:auto;} }
  .hero-photo.hero-photo--top .frame{border-radius:0;border:none;box-shadow:none;}
  @media (min-width:900px){ .hero-photo.hero-photo--top .frame{border-radius:32px;} }
  .hero-photo--top .frame::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg, rgba(246,242,232,0) 84%, var(--cream) 100%);
  }
  .action-row{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;flex-wrap:nowrap;}
  @media (min-width:480px){ .action-row{gap:12px;} }
  .social-mini{
    width:clamp(46px, 3.6vw, 60px);height:clamp(46px, 3.6vw, 60px);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;
    background:var(--surface);border:1px solid var(--line);color:var(--navy);text-decoration:none;
    box-shadow:0 10px 20px -12px rgba(14,58,92,0.35);transition:background .2s ease, color .2s ease, transform .2s ease;
  }
  .social-mini:hover{background:var(--deep-green);color:#fff;border-color:transparent;transform:translateY(-2px);}
  .social-mini svg{width:clamp(18px,1.6vw,26px);height:clamp(18px,1.6vw,26px);}
  .action-btn{
    display:inline-flex;align-items:center;gap:clamp(6px,0.6vw,10px);text-decoration:none;flex:none;
    font-weight:700;font-size:clamp(0.78rem, 0.6vw + 0.6rem, 1.05rem);padding:clamp(11px,1vw,16px) clamp(14px,1.6vw,28px);border-radius:999px;white-space:nowrap;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  }
  .action-btn svg{width:clamp(16px,1.4vw,22px);height:clamp(16px,1.4vw,22px);}
  .action-btn--info{background:linear-gradient(135deg, var(--surface), var(--teal-soft));border:1.5px solid var(--navy);color:var(--navy);}
  .action-btn--info:hover{background:var(--navy);color:#fff;transform:translateY(-2px);}
  .action-btn--turnos{background:linear-gradient(135deg, var(--navy), var(--deep-green));color:#fff;box-shadow:0 14px 28px -14px rgba(14,58,92,0.5);}
  .action-btn--turnos:hover{background:linear-gradient(135deg, var(--deep-green), var(--navy));transform:translateY(-2px);box-shadow:0 18px 32px -14px rgba(14,58,92,0.6);}

  /* ---------- hero (claim) ---------- */
  .hero{padding:30px 0 40px;}
  .hero-grid{display:grid;gap:34px;align-items:center;}
  .hero-grid--solo{max-width:720px;margin:0 auto;text-align:center;}
  @media (min-width:920px){ .hero-grid:not(.hero-grid--solo){grid-template-columns:1.05fr 0.95fr;gap:56px;} }

  .hero-claim{font-family:var(--font-display);font-weight:800;color:var(--navy-strong);letter-spacing:-0.01em;text-wrap:balance;font-size:clamp(2.05rem, 4.6vw + 1rem, 3.35rem);line-height:1.08;}
  .hero-grid--solo .lede{margin-left:auto;margin-right:auto;}
  .hero-grid--solo .hero-ctas{justify-content:center;}
  .hero h1{font-size:clamp(2.05rem, 4.6vw + 1rem, 3.35rem);line-height:1.08;}
  .hero .lede{margin-top:18px;font-size:1.05rem;}
  .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;text-decoration:none;
    font-family:var(--font-text);font-weight:700;font-size:0.95rem;
    padding:13px 22px;border-radius:999px;transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn:active{transform:translateY(1px);}
  .btn-primary{background:var(--coral);color:#fff;box-shadow:var(--shadow);}
  .btn-primary:hover{box-shadow:0 20px 40px -18px rgba(216,55,92,0.55);}
  .btn-ghost{background:transparent;color:var(--navy-strong);border:1.5px solid var(--line);}
  .btn-ghost:hover{border-color:var(--navy-strong);}

  .hero-photo{position:relative;justify-self:center;width:100%;max-width:420px;}
  .hero-photo .frame{
    position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);
    border:1px solid var(--line);
  }
  .hero-photo img{width:100%;height:auto;display:block;}
  .hero-caption{
    position:absolute;left:16px;right:16px;bottom:16px;
    background:color-mix(in srgb, var(--navy-strong) 82%, transparent);
    color:#fff;padding:10px 14px;border-radius:14px;
    font-size:0.82rem;font-weight:600;backdrop-filter:blur(6px);
  }
  .hero-caption span{display:block;font-weight:400;opacity:0.8;font-size:0.74rem;margin-top:2px;}
  .hero-badge{
    position:absolute;top:-16px;right:-14px;background:var(--surface);border:1px solid var(--line);
    border-radius:16px;padding:10px 14px;box-shadow:var(--shadow);text-align:center;
  }
  .hero-badge b{display:block;font-family:var(--font-display);font-size:1.3rem;color:var(--coral);font-variant-numeric:tabular-nums;}
  .hero-badge small{font-size:0.66rem;color:var(--ink-soft);font-weight:600;letter-spacing:0.02em;}

  /* ---------- stat band ---------- */
  .stat-band{background:var(--warm-green);color:#fff;padding:30px 0;}
  .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center;}
  .stat-grid b{
    display:block;font-family:var(--font-display);font-weight:800;
    font-size:clamp(1.5rem,4vw,2.2rem);font-variant-numeric:tabular-nums;color:#fff;
  }
  .stat-grid span{display:block;font-size:0.76rem;color:rgba(255,255,255,0.72);margin-top:4px;letter-spacing:0.01em;}

  /* ---------- sections ---------- */
  section{padding:clamp(46px, 6vw, 100px) 0;}
  .section-head{max-width:640px;margin-bottom:32px;}
  .section-head h2{font-size:clamp(1.55rem,3vw + 0.8rem,2.3rem);margin-top:10px;}
  .section-head .lede{margin-top:14px;}

  /* network section */
  .network-wrap{display:grid;gap:36px;align-items:center;}
  @media (min-width:960px){ .network-wrap{grid-template-columns:0.95fr 1.05fr;gap:48px;} }
  .network-copy p + p{margin-top:14px;color:var(--ink-soft);}
  .network-copy p:first-of-type{color:var(--ink);font-size:1.05rem;}
  .organ-diagram{width:100%;height:auto;}
  @media (max-width:759px){ .organ-diagram{width:112%;margin-left:-6%;margin-right:-6%;} }
  .organ-diagram .link{fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;opacity:0.55;}
  .organ-diagram .pulse{fill:var(--coral);}
  .organ-diagram .hub-ring{fill:none;stroke:var(--teal);stroke-width:1.4;opacity:0.35;}
  .organ-diagram .hub-core{fill:var(--navy);}
  .organ-diagram .organ{fill:var(--teal-soft);stroke:var(--navy);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;}
  .organ-diagram .organ-detail{fill:none;stroke:var(--teal);stroke-width:2.2;stroke-linecap:round;opacity:0.85;}
  .organ-diagram .organ-node circle{fill:var(--surface);stroke:var(--line);stroke-width:1;filter:drop-shadow(0 6px 14px rgba(14,58,92,0.12));}
  .organ-diagram .node-port{fill:var(--surface);stroke:var(--teal);stroke-width:2;}
  .organ-diagram .node-port-dot{fill:var(--teal);}
  .organ-diagram text{font-family:var(--font-text);font-size:12.5px;font-weight:700;fill:var(--navy-strong);}
  @media (prefers-reduced-motion: no-preference){
    .organ-diagram .pulse{animation:pulseTravel 5.5s linear infinite;}
    .organ-diagram .pulse.p2{animation-delay:-1.1s;}
    .organ-diagram .pulse.p3{animation-delay:-2.2s;}
    .organ-diagram .pulse.p4{animation-delay:-3.3s;}
    .organ-diagram .pulse.p5{animation-delay:-4.4s;}
  }
  @keyframes pulseTravel{
    0%{opacity:0;}
    6%{opacity:1;}
    48%{opacity:1;}
    56%{opacity:0;}
    100%{opacity:0;}
  }

  /* why it's hard */
  .why{background:var(--teal-soft);border-radius:28px;width:calc(100% - 24px);margin-left:auto;margin-right:auto;}
  @media (min-width:640px){ .why{width:calc(100% - 48px);} }
  .why-inner{padding:44px 28px;display:grid;gap:24px;}
  @media (min-width:820px){ .why-inner{grid-template-columns:0.9fr 1.1fr;padding:56px;align-items:center;} }
  .why h2{font-size:clamp(1.5rem,3vw + 0.8rem,2.1rem);}

  /* treatments */
  .cards{display:grid;gap:22px;margin-top:8px;}
  @media (min-width:760px){ .cards{grid-template-columns:1fr 1fr;} }
  .card{
    background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,2.4vw,44px);
    box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;
  }
  .card .tag{
    align-self:flex-start;font-size:0.72rem;font-weight:700;letter-spacing:0.03em;
    padding:6px 12px;border-radius:999px;background:var(--teal-soft);color:var(--teal);
  }
  .card.alt .tag{background:var(--coral-soft);color:var(--coral);}
  .card h3{font-family:var(--font-display);font-size:1.28rem;color:var(--navy-strong);}
  .card p{color:var(--ink-soft);font-size:1.02rem;}
  .card .foot{margin-top:auto;font-size:0.82rem;font-weight:700;color:var(--navy-strong);}
  a.card{text-decoration:none;color:inherit;transition:transform .18s ease, box-shadow .18s ease;}
  a.card:hover{transform:translateY(-3px);box-shadow:0 20px 44px -20px rgba(14,58,92,0.4);}

  /* quote */
  .jotform-outer{width:calc(100% - 24px);max-width:min(90vw, 1320px);margin-left:auto;margin-right:auto;}
  @media (min-width:640px){ .jotform-outer{width:calc(100% - 48px);} }
  .jotform-wrap{
    background:var(--surface);border:1px solid var(--line);border-radius:20px;
    padding:0;box-shadow:var(--shadow);overflow:hidden;
  }
  .jotform-wrap iframe{border-radius:20px;display:block;width:100%;}

  .ct-form-card{
    background:var(--surface);border:1px solid var(--line);border-radius:20px;
    padding:clamp(24px,4vw,36px);box-shadow:var(--shadow);
  }
  .ct-form-row{display:grid;gap:16px;margin-bottom:16px;}
  @media (min-width:560px){ .ct-form-row{grid-template-columns:1fr 1fr;} }
  #ctForm > div:not(.ct-form-row){margin-bottom:16px;}
  #ctForm label{display:block;font-weight:700;color:var(--navy-strong);font-size:0.92rem;margin-bottom:6px;}
  #ctForm input,#ctForm select{
    width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;
    font-family:var(--font-text);font-size:1rem;color:var(--ink);background:#fff;
  }
  #ctForm input:focus,#ctForm select:focus{outline:2px solid var(--teal);outline-offset:1px;}
  #ctForm small{display:block;margin-top:4px;color:var(--ink-soft);font-size:0.8rem;}
  #ctForm button{display:flex;justify-content:center;width:auto;min-width:200px;margin:6px auto 0;border:none;cursor:pointer;}
  #ctForm button:disabled{opacity:0.45;cursor:not-allowed;}
  .ct-form-msg{margin-top:14px;padding:12px 16px;border-radius:12px;font-size:0.92rem;font-weight:600;}
  .ct-form-msg--ok{background:var(--teal-soft);color:var(--teal);}
  .ct-form-msg--error{background:var(--coral-soft);color:var(--coral);}

  .quote{padding:52px 0;}
  .quote blockquote{
    margin:0;font-family:var(--font-display);font-weight:600;
    font-size:clamp(1.25rem,2.4vw + 0.9rem,1.7rem);line-height:1.45;color:var(--navy-strong);
    max-width:800px;text-wrap:balance;
  }
  .quote blockquote::before{content:"\201C";color:var(--coral);}
  .quote blockquote::after{content:"\201D";color:var(--coral);}
  .quote cite{display:block;margin-top:16px;font-style:normal;font-weight:700;font-size:0.88rem;color:var(--ink-soft);}

  /* impact */
  .impact-list{display:grid;gap:16px;margin-top:26px;}
  @media (min-width:760px){ .impact-list{grid-template-columns:repeat(3,1fr);} }
  .impact-item{
    background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;
  }
  .impact-item .icn{width:clamp(30px,2.6vw,46px);height:clamp(30px,2.6vw,46px);color:var(--teal);margin-bottom:10px;}
  .impact-item h3{font-family:var(--font-display);font-size:1.02rem;color:var(--navy-strong);margin-bottom:6px;}
  .impact-item p{color:var(--ink-soft);font-size:0.98rem;}

  /* contact */
  .contact{background:var(--warm-green);color:#fff;border-radius:32px;width:calc(100% - 24px);margin-left:auto;margin-right:auto;}
  @media (min-width:640px){ .contact{width:calc(100% - 48px);} }
  .contact-inner{padding:48px 28px;display:grid;gap:34px;}
  @media (min-width:860px){ .contact-inner{grid-template-columns:1fr 1fr;padding:60px;} }
  .contact h2{color:#fff;font-size:clamp(1.6rem,3vw + 0.8rem,2.2rem);}
  .contact .lede{color:rgba(255,255,255,0.78);}
  .info-list{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;}
  .info-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.92rem;color:rgba(255,255,255,0.92);}
  .info-list svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--coral);}
  .info-list b{display:block;font-weight:700;}
  .info-list span{color:rgba(255,255,255,0.68);font-size:0.84rem;}
  .contact-cta{display:flex;flex-direction:column;gap:14px;justify-content:center;}
  .social-row{display:flex;gap:12px;margin-top:6px;}
  .social-row a{
    width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);color:#fff;text-decoration:none;
  }
  .social-row svg{width:19px;height:19px;}

  /* footer */
  footer{padding:36px 0 100px;}
  .footer-grid{display:flex;flex-direction:column;gap:22px;}
  @media (min-width:760px){ .footer-grid{flex-direction:row;justify-content:space-between;align-items:flex-start;} }
  .footer-links{list-style:none;display:flex;flex-wrap:wrap;gap:14px 22px;padding:0;margin:0;font-size:0.84rem;}
  .footer-links a{text-decoration:none;color:var(--ink-soft);}
  .footer-legal{font-size:0.78rem;color:var(--ink-soft);margin-top:18px;}

  /* whatsapp float */
  .wa-float{
    position:fixed;right:clamp(14px,2vw,32px);bottom:clamp(14px,2vw,32px);z-index:60;
    width:clamp(52px,4vw,68px);height:clamp(52px,4vw,68px);border-radius:50%;background:#25D366;color:#fff;
    display:flex;align-items:center;justify-content:center;text-decoration:none;
    box-shadow:0 14px 30px -10px rgba(0,0,0,0.4);
  }
  .wa-float svg{width:clamp(26px,2vw,34px);height:clamp(26px,2vw,34px);}

  .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}