:root{
    --pine:#1C8A42;
    --pine-deep:#146633;
    --consulting:#57635F;
    --consulting-deep:#4A5551;
    --foodcourts:#1C8A42;
    --foodcourts-deep:#146633;
    --porcelain:#F2EDE3;
    --porcelain-soft:#EBE4D5;
    --sage:#A8BDB2;
    --copper:#D97544;
    --copper-deep:#C4623A;
    --graphite:#1A1A1A;
    --mute:rgba(242,237,227,0.72);
    --line:rgba(242,237,227,0.18);
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--pine);
    color:var(--porcelain);
    font-family:'Inter',sans-serif;
    font-weight:300;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }

  /* Utility */
  .container{max-width:1240px;margin:0 auto;padding:0 32px}
  .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.18em;
    color:var(--sage);
    font-weight:400;
  }

  /* Nav */
  nav{
    position:fixed;
    top:0;left:0;right:0;
    z-index:100;
    padding:28px 0;
    background:rgba(255,255,255,0.96);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(14,42,36,0.10);
  }
  nav .container{display:flex;justify-content:space-between;align-items:center;position:relative;gap:24px}
  .nav-logo{display:inline-flex;align-items:center;flex-shrink:0}
  .nav-logo img{height:52px;width:auto;display:block}

  /* Menú horizontal en desktop (mayúsculas + separadores) */
  .nav-links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    list-style:none;
    margin:0;padding:0;
  }
  .nav-links li{display:flex;align-items:center;list-style:none}
  .nav-links li:not(:last-child)::after{
    content:'';
    width:1px;height:13px;
    background:rgba(14,42,36,0.22);
    margin:0 15px;
  }
  .nav-links a{
    color:#6a6f6c;
    text-decoration:none;
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:0.07em;
    text-transform:uppercase;
    white-space:nowrap;
    transition:color 0.2s;
  }
  .nav-links a:hover{color:var(--copper)}
  .nav-links a.nav-current{color:#16221D;font-weight:700}

  /* Botón hamburguesa: solo visible en mobile */
  .nav-toggle{
    display:none;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    width:44px;height:44px;padding:9px;
    background:none;border:none;cursor:pointer;z-index:120;
    flex-shrink:0;
  }
  .nav-toggle span{
    display:block;width:100%;height:2px;
    background:#1A1A1A;border-radius:2px;
    transition:transform 0.3s,opacity 0.2s;
  }
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle.open span:nth-child(2){opacity:0}
  .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  @keyframes navDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

  @media(max-width:1024px){
    nav{padding:18px 0}
    .nav-logo img{height:46px}
    .nav-toggle{display:flex}
    .nav-links{
      display:none;
      position:absolute;
      top:calc(100% + 16px);
      right:0;
      flex-direction:column;
      align-items:stretch;
      gap:0;
      background:#fff;
      border:1px solid rgba(14,42,36,0.10);
      border-radius:12px;
      min-width:250px;
      max-width:calc(100vw - 40px);
      padding:8px 0;
      box-shadow:0 18px 46px rgba(0,0,0,0.16);
      overflow:hidden;
    }
    .nav-links.open{display:flex;animation:navDrop 0.22s ease-out}
    .nav-links li{display:block}
    .nav-links li:not(:last-child)::after{display:none}
    .nav-links a{display:block;padding:13px 22px;font-size:13.5px;letter-spacing:0.04em;width:100%}
    .nav-links a:hover{background:rgba(14,42,36,0.05)}
  }

  /* Hero */
  .hero{
    padding:180px 0 100px;
    position:relative;
    overflow:hidden;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:80px;
    align-items:center;
  }
  @media(max-width:900px){
    .hero-grid{grid-template-columns:1fr;gap:60px}
    .hero{padding:140px 0 60px}
  }
  .hero-eyebrow{margin-bottom:24px;display:flex;align-items:center;gap:12px}
  .hero-eyebrow::before{
    content:'';
    width:32px;height:1px;
    background:var(--sage);
  }
  h1{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(38px,5.4vw,72px);
    line-height:1.05;
    letter-spacing:-0.02em;
    margin-bottom:32px;
  }
  h1 em{
    font-style:italic;
    color:var(--copper);
    font-weight:300;
  }
  .hero-tagline{
    font-size:17px;
    color:var(--porcelain);
    font-weight:600;
    max-width:520px;
    margin-bottom:20px;
    line-height:1.5;
  }
  .hero-lead{
    font-size:17px;
    color:var(--mute);
    max-width:520px;
    margin-bottom:40px;
    line-height:1.65;
  }
  .hero-cta{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:var(--copper);
    color:var(--porcelain);
    padding:17px 34px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    letter-spacing:0.02em;
    border-radius:10px;
    box-shadow:0 10px 26px rgba(217,117,68,0.28);
    transition:background 0.2s,transform 0.25s,box-shadow 0.25s;
    border:none;
    cursor:pointer;
  }
  .hero-cta:hover{background:var(--copper-deep);transform:translateY(-3px);box-shadow:0 16px 34px rgba(217,117,68,0.4)}
  .hero-cta::after{content:'→';font-size:16px}
  .hero-visual{display:flex;flex-direction:column;gap:26px}
  .hero-visual .hero-cta{align-self:center}

  /* Image grid */
  .img-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:14px;
    aspect-ratio:1/1;
  }
  .img-slot{
    background:linear-gradient(135deg,rgba(168,189,178,0.16),rgba(168,189,178,0.06));
    border:1px solid var(--line);
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    transition:border-color 0.4s,transform 0.5s cubic-bezier(0.22,1,0.36,1),opacity 0.4s,box-shadow 0.5s;
    animation:slotReveal 1s cubic-bezier(0.22,1,0.36,1) backwards;
  }
  .img-slot::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(9,22,17,0.32), rgba(9,22,17,0) 54%);
    pointer-events:none;
    z-index:2;
  }
  .img-slot:nth-child(1){animation-delay:0.15s}
  .img-slot:nth-child(2){animation-delay:0.32s}
  .img-slot:nth-child(3){animation-delay:0.49s}
  .img-slot:nth-child(4){animation-delay:0.66s}

  @keyframes slotReveal{
    from{opacity:0;transform:translateY(32px) scale(0.92);filter:blur(8px)}
    to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  }

  /* Hover: lift the hovered tile, dim the rest */
  .img-slot:hover{
    border-color:var(--copper);
    transform:scale(1.04);
    z-index:3;
    box-shadow:0 20px 48px rgba(0,0,0,0.42);
  }
  .img-grid:hover .img-slot:not(:hover){
    opacity:0.5;
    transform:scale(0.98);
  }
  .img-slot:hover .slot-img{filter:brightness(1.14) saturate(1.1)}

  .slot-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 1.6s ease-in-out,filter 0.5s ease;
    animation:kenBurns 14s ease-in-out infinite alternate;
  }
  .slot-img.active{opacity:1}

  @keyframes kenBurns{
    from{transform:scale(1.02) translate(0,0)}
    to{transform:scale(1.20) translate(-4%,-3%)}
  }
  @keyframes kenBurnsAlt{
    from{transform:scale(1.20) translate(3.5%,-2.5%)}
    to{transform:scale(1.02) translate(0,0)}
  }
  @keyframes kenBurnsUp{
    from{transform:scale(1.03) translate(-2%,2.5%)}
    to{transform:scale(1.18) translate(2%,-3%)}
  }
  /* Stagger each slot so they never move in sync */
  .img-slot:nth-child(1) .slot-img{animation-duration:14s;animation-delay:0s}
  .img-slot:nth-child(2) .slot-img{animation-name:kenBurnsAlt;animation-duration:17s;animation-delay:-5s}
  .img-slot:nth-child(3) .slot-img{animation-name:kenBurnsUp;animation-duration:15s;animation-delay:-9s}
  .img-slot:nth-child(4) .slot-img{animation-name:kenBurnsAlt;animation-duration:13s;animation-delay:-2s}
  /* Hide placeholder when images are present */
  .img-slot:has(.slot-img) .placeholder{display:none}

  .img-slot .placeholder{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--sage);
    text-transform:uppercase;
    letter-spacing:0.1em;
    text-align:center;
    padding:20px;
  }
  .img-slot .placeholder::before{
    content:'';
    display:block;
    width:24px;height:24px;
    border:1px solid var(--sage);
    margin:0 auto 12px;
    border-radius:50%;
  }

  /* Services (nav cards) */
  .services-nav{
    padding:80px 0;
    display:none;
  }
  .services-nav.active{display:block;animation:fadeInPanel 0.5s ease-out}
  .services-header{
    text-align:center;
    margin-bottom:48px;
  }
  .services-header h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(28px,3.5vw,42px);
    letter-spacing:-0.02em;
    max-width:680px;
    margin:0 auto;
  }
  .services-cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
  }
  @media(max-width:900px){.services-cards{grid-template-columns:1fr}}
  .service-card{
    background:var(--consulting);
    padding:56px 40px;
    cursor:pointer;
    text-decoration:none;
    color:var(--porcelain);
    display:flex;
    flex-direction:column;
    gap:24px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(14,42,36,0.10);
    transition:background 0.3s,transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s;
    position:relative;
  }
  .service-card:hover{background:#64706C;transform:translateY(-6px);box-shadow:0 24px 52px rgba(14,42,36,0.20)}
  .service-card:hover .service-arrow{transform:translateX(6px)}
  .service-tag{
    position:absolute;
    right:28px;
    bottom:22px;
    font-family:'Fraunces',serif;
    font-style:italic;
    font-weight:500;
    font-size:15px;
    letter-spacing:0.01em;
    color:var(--copper);
  }

  .service-card.active{
    background:#64706C;
  }
  .service-card.active .service-num{color:var(--copper)}
  .service-card.active .service-arrow{
    color:var(--copper);
    transform:rotate(0deg);
  }
  .service-card.active .service-arrow::before{
    content:'●';
    font-size:10px;
    display:block;
  }
  .service-card.active .service-arrow-icon{display:none}
  .service-num{
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    color:var(--copper);
    letter-spacing:0.12em;
    font-weight:500;
  }
  .service-card h3{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:26px;
    line-height:1.2;
    letter-spacing:-0.015em;
    flex-grow:1;
  }
  .service-arrow{
    font-size:22px;
    color:var(--copper);
    transition:transform 0.3s,color 0.3s;
    align-self:flex-start;
  }

  /* Service detail sections */
  .service-section{
    padding:120px 0;
    display:none;
    animation:fadeInPanel 0.45s ease-out;
  }
  .service-section.active{display:block}
  @keyframes fadeInPanel{
    from{opacity:0;transform:translateY(12px)}
    to{opacity:1;transform:none}
  }
  .service-section:nth-child(even){background:var(--pine-deep)}
  .service-layout{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:80px;
    align-items:start;
  }
  @media(max-width:900px){.service-layout{grid-template-columns:1fr;gap:48px}}
  /* Food Courts: alinear el título/contenido con el centro del círculo */
  #foodcourts .service-layout{align-items:center}
  .service-visual{
    aspect-ratio:4/5;
    background:linear-gradient(135deg,rgba(168,189,178,0.14),rgba(168,189,178,0.05));
    border:1px solid var(--line);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 24px 56px rgba(0,0,0,0.18);
    display:flex;
    align-items:center;
    justify-content:center;
    position:sticky;
    top:100px;
  }
  @media(max-width:900px){
    .service-visual{position:static;aspect-ratio:auto}
    .visual-img{height:auto}
  }
  .visual-img{width:100%;height:100%;object-fit:cover;display:block}
  .service-visual .placeholder{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--sage);
    text-transform:uppercase;
    letter-spacing:0.12em;
    text-align:center;
    padding:20px;
  }
  .service-visual .placeholder::before{
    content:'';
    display:block;
    width:32px;height:32px;
    border:1px solid var(--sage);
    margin:0 auto 16px;
    border-radius:50%;
  }
  .service-content .eyebrow{margin-bottom:20px;display:block}
  .service-content h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(30px,3.8vw,48px);
    line-height:1.1;
    letter-spacing:-0.02em;
    margin-bottom:24px;
  }
  .service-tagline{
    font-family:'Fraunces',serif;
    font-style:italic;
    font-size:20px;
    color:var(--copper);
    margin-bottom:32px;
    font-weight:300;
  }
  .service-strong{
    font-size:18px;
    color:var(--porcelain);
    font-weight:600;
    margin-bottom:14px;
    line-height:1.5;
  }
  .service-content p{
    color:var(--mute);
    margin-bottom:24px;
    font-size:16px;
  }
  .service-content h4{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:18px;
    margin:36px 0 20px;
    color:var(--porcelain);
  }
  .pillars-title{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:clamp(28px,3.4vw,38px);
    letter-spacing:-0.015em;
    line-height:1.15;
    color:var(--porcelain);
    margin:56px 0 28px;
    padding-left:20px;
    border-left:3px solid var(--copper);
  }
  .feature-list{list-style:none;display:grid;gap:16px}
  .feature-list li{
    padding:24px 26px;
    background:rgba(242,237,227,0.05);
    border:1px solid rgba(242,237,227,0.10);
    border-radius:16px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:18px;
    align-items:start;
    transition:background 0.3s,transform 0.3s,box-shadow 0.3s;
  }
  .feature-list li:hover{background:rgba(242,237,227,0.09);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,0.16)}
  .feature-list .marker{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    color:var(--copper);
    letter-spacing:0.05em;
    min-width:32px;
  }
  .feature-list strong{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:17px;
    color:var(--porcelain);
    display:block;
    margin-bottom:6px;
  }
  .feature-list span{
    color:var(--mute);
    font-size:15px;
  }
  .commitment{
    margin-top:40px;
    padding:28px 30px;
    border-left:3px solid var(--copper);
    background:rgba(217,117,68,0.18);
    border-radius:16px;
  }
  .problema-cta-inline{
    margin-top:40px;
    padding:36px 34px;
    background:rgba(9,22,17,0.18);
    border-radius:18px;
    text-align:center;
  }
  .problema-cta-inline h3{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:clamp(19px,2.2vw,23px);
    color:var(--porcelain);
    margin:0 0 8px;
    line-height:1.3;
  }
  .problema-cta-inline p{
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:14.5px;
    color:rgba(242,237,227,0.82);
    margin:0 0 22px;
  }
  .problema-cta-inline .hero-cta{margin:0 auto}
  .commitment strong{
    font-family:'Fraunces',serif;
    color:var(--copper);
    font-weight:500;
    display:block;
    margin-bottom:8px;
    font-size:18px;
    letter-spacing:0.02em;
  }
  .commitment p{margin:0;color:var(--porcelain);font-size:16px}

  /* Circular signature element */
  .cycle-diagram{
    position:relative;
    width:100%;
    aspect-ratio:1/1;
    max-width:400px;
    margin:0 auto;
  }
  .cycle-diagram svg{width:100%;height:100%}
  .cycle-center{
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
  }
  .cycle-center .eyebrow{margin-bottom:8px;display:block}
  .cycle-center strong{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:24px;
    color:var(--porcelain);
    font-style:italic;
  }
  .cycle-node{
    position:absolute;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.1em;
    color:var(--sage);
    background:var(--foodcourts-deep);
    padding:6px 10px;
    border:1px solid var(--line);
  }

  /* Circular Detail — 8 stages */
  .circular-detail{
    padding:120px 0;
    background:var(--pine);
    position:relative;
    display:none;
    animation:fadeInPanel 0.45s ease-out;
  }
  .circular-detail.active{display:block}
  .cd-header{
    max-width:780px;
    margin:0 auto 80px;
    text-align:center;
  }
  .cd-header .eyebrow{display:block;margin-bottom:24px}
  .cd-header h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(30px,4vw,48px);
    line-height:1.1;
    letter-spacing:-0.02em;
    margin-bottom:24px;
  }
  .cd-header p{
    color:var(--mute);
    font-size:17px;
    line-height:1.65;
    margin-bottom:32px;
  }
  .cd-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.15em;
    color:var(--copper);
    padding:10px 20px;
    border:1px solid var(--copper);
    border-radius:100px;
  }
  .cd-badge::before,
  .cd-badge::after{
    content:'';
    width:20px;height:1px;
    background:var(--copper);
    opacity:0.5;
  }

  .stages{
    max-width:900px;
    margin:0 auto;
    list-style:none;
    position:relative;
  }
  .stages::before{
    content:'';
    position:absolute;
    left:48px;
    top:20px;bottom:20px;
    width:1px;
    background:linear-gradient(to bottom,transparent 0%,var(--line) 8%,var(--line) 92%,transparent 100%);
  }
  @media(max-width:700px){
    .stages::before{left:22px}
  }

  .stage{
    display:grid;
    grid-template-columns:96px 1fr;
    gap:32px;
    padding:32px 0;
    position:relative;
  }
  @media(max-width:700px){
    .stage{grid-template-columns:44px 1fr;gap:16px;padding:28px 0}
  }
  .stage-num{
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    color:var(--copper);
    letter-spacing:0.08em;
    background:var(--foodcourts-deep);
    padding:6px 0;
    width:96px;
    text-align:center;
    z-index:1;
    align-self:start;
    border:1px solid var(--line);
    border-radius:12px;
  }
  @media(max-width:700px){
    .stage-num{width:44px;font-size:11px;padding:4px 0}
  }
  .stage-body h3{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:22px;
    line-height:1.25;
    letter-spacing:-0.01em;
    margin-bottom:14px;
    color:var(--porcelain);
  }
  @media(max-width:700px){.stage-body h3{font-size:19px}}
  .stage-body p{
    color:var(--mute);
    font-size:16px;
    line-height:1.65;
    margin-bottom:16px;
  }
  .stage-body p:last-child{margin-bottom:0}
  .stage-sublist{
    list-style:none;
    margin:8px 0 16px;
    padding-left:0;
  }
  .stage-sublist > li{
    padding:12px 0 12px 24px;
    color:var(--porcelain);
    font-size:15px;
    position:relative;
    border-top:1px dashed var(--line);
  }
  .stage-sublist > li:last-child{border-bottom:1px dashed var(--line)}
  .stage-sublist > li::before{
    content:'—';
    position:absolute;
    left:0;
    color:var(--copper);
  }
  .stage-sublist > li strong{
    font-family:'Fraunces',serif;
    font-weight:500;
    color:var(--copper);
    margin-right:8px;
  }
  .stage-what{
    margin-top:14px;
    padding:18px 22px;
    background:rgba(168,189,178,0.10);
    border-left:3px solid var(--sage);
    border-radius:14px;
  }
  .stage-what .label{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:0.15em;
    color:var(--sage);
    display:block;
    margin-bottom:8px;
  }
  .stage-benefit{
    margin-top:14px;
    padding:18px 22px;
    background:rgba(217,117,68,0.18);
    border-left:3px solid var(--copper);
    border-radius:14px;
  }
  .stage-benefit .label{
    font-family:'Fraunces',serif;
    font-size:18px;
    text-transform:none;
    letter-spacing:0.02em;
    color:var(--copper);
    font-weight:500;
    display:block;
    margin-bottom:8px;
  }
  .stage-benefit p,
  .stage-what p{
    color:var(--porcelain);
    font-size:15px;
    margin:0;
    line-height:1.6;
  }

  /* Background variation within foodcourts panel for visual chunking */
  .service-section#foodcourts-servicio{background:var(--pine-deep)}

  /* ======= Service-specific background colors ======= */
  /* Consultoría — silver/graphite tone */
  .service-section#consultoria{background:var(--consulting)}
  .next-stages[data-after="consultoria"]{background:var(--consulting-deep)}

  /* Food Courts — medium pine (lighter than default) */
  .service-section#foodcourts{background:var(--foodcourts)}
  .circular-detail#foodcourts-ciclo{background:var(--foodcourts-deep)}
  .service-section#foodcourts-servicio{background:var(--foodcourts)}

  /* Next stages — cards matching top nav style */
  .next-stages{
    padding:60px 0;
    background:var(--pine);
    display:none;
    animation:fadeInPanel 0.5s ease-out 0.15s both;
  }
  .next-stages.visible{display:block}
  .next-stages .services-cards{
    grid-template-columns:repeat(2,1fr);
  }
  @media(max-width:900px){
    .next-stages .services-cards{grid-template-columns:1fr}
  }
  .next-stages.single .services-cards{
    grid-template-columns:1fr;
    max-width:520px;
    margin:0 auto;
  }
  .next-stages .service-card[data-hidden="true"]{display:none}

  #contacto{
    padding:120px 0;
    background:var(--porcelain);
    color:var(--graphite);
  }
  #contacto .eyebrow{color:var(--pine-deep)}
  #contacto h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(32px,4.2vw,52px);
    line-height:1.05;
    letter-spacing:-0.02em;
    color:var(--pine);
    margin:20px 0 40px;
    max-width:640px;
  }
  .contact-layout{
    max-width:820px;
    margin:0 auto;
  }
  .contact-info{
    margin-top:56px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  @media(max-width:600px){.contact-info{grid-template-columns:1fr}}
  .contact-info .info-block{
    background:#fff;
    padding:26px 26px;
    border:1px solid rgba(14,42,36,0.08);
    border-radius:16px;
    box-shadow:0 8px 24px rgba(14,42,36,0.06);
    transition:transform 0.3s,box-shadow 0.3s;
  }
  .contact-info .info-block:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(14,42,36,0.10)}
  .contact-info a{
    color:var(--pine-deep);
    text-decoration:none;
    font-size:17px;
    font-family:'Fraunces',serif;
    font-weight:400;
  }
  .contact-info a:hover{color:var(--copper)}
  .contact-info .label{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:0.15em;
    color:var(--sage);
    margin-bottom:8px;
  }

  /* Form */
  .form-wrap{
    background:#fff;
    padding:48px;
    border:1px solid rgba(14,42,36,0.08);
    border-radius:22px;
    box-shadow:0 24px 60px rgba(14,42,36,0.10);
  }
  @media(max-width:600px){.form-wrap{padding:32px 24px}}
  .form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  @media(max-width:600px){.form-grid{grid-template-columns:1fr}}
  .field{display:flex;flex-direction:column;gap:8px}
  .field.full{grid-column:1/-1}
  .field label{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:0.15em;
    color:var(--pine-deep);
    font-weight:500;
  }
  .field input,
  .field textarea{
    background:transparent;
    border:none;
    border-bottom:1px solid rgba(14,42,36,0.25);
    padding:10px 0;
    font-family:'Inter',sans-serif;
    font-size:15px;
    color:var(--graphite);
    outline:none;
    transition:border-color 0.2s;
    resize:none;
  }
  .field input:focus,
  .field textarea:focus{border-bottom-color:var(--copper)}
  .field textarea{min-height:100px}
  .field .optional{
    font-family:'Inter',sans-serif;
    font-size:10px;
    text-transform:none;
    letter-spacing:0;
    color:rgba(14,42,36,0.45);
    font-weight:400;
    margin-left:4px;
  }

  /* Phone group: country code + number */
  .phone-group{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:16px;
    align-items:end;
  }
  @media(max-width:600px){
    .phone-group{grid-template-columns:1fr;gap:14px}
  }
  .country-code{
    background:transparent;
    border:none;
    border-bottom:1px solid rgba(14,42,36,0.25);
    padding:10px 24px 10px 0;
    font-family:'Inter',sans-serif;
    font-size:15px;
    color:var(--graphite);
    outline:none;
    cursor:pointer;
    transition:border-color 0.2s;
    appearance:none;
    -webkit-appearance:none;
    background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A24' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right 0 center;
    background-size:16px;
    max-width:200px;
  }
  .country-code:focus{border-bottom-color:var(--copper)}
  .country-code option{color:var(--graphite);background:#fff}
  .submit-btn{
    grid-column:1/-1;
    background:var(--pine-deep);
    color:var(--porcelain);
    border:none;
    padding:18px 28px;
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:500;
    letter-spacing:0.02em;
    cursor:pointer;
    margin-top:16px;
    transition:background 0.2s;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
  }
  .submit-btn:hover{background:var(--copper)}
  .submit-btn::after{content:'→'}
  .form-note{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:14px;
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:rgba(14,42,36,0.55);
    line-height:1.4;
    text-align:center;
  }
  .form-note svg{flex-shrink:0;opacity:0.75}
  .consent{
    display:flex;
    align-items:flex-start;
    gap:11px;
    cursor:pointer;
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    line-height:1.5;
    color:rgba(14,42,36,0.82);
    margin-top:6px;
  }
  .consent input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    width:19px;height:19px;
    margin:1px 0 0;
    border:1.5px solid rgba(14,42,36,0.35);
    border-radius:4px;
    flex-shrink:0;
    cursor:pointer;
    position:relative;
    transition:background 0.15s,border-color 0.15s;
  }
  .consent input[type="checkbox"]:checked{
    background:var(--copper);
    border-color:var(--copper);
  }
  .consent input[type="checkbox"]:checked::after{
    content:'✓';
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-54%);
    color:#fff;
    font-size:12px;
    font-weight:700;
  }
  .consent.error input[type="checkbox"]{border-color:#C4623A}
  .consent-link{color:var(--copper);text-decoration:underline}

  /* Success message */
  .success-msg{
    display:none;
    padding:48px;
    background:#fff;
    border:1px solid rgba(14,42,36,0.08);
    border-radius:22px;
    box-shadow:0 24px 60px rgba(14,42,36,0.10);
    text-align:center;
  }
  .success-msg.active{display:block}
  .form-wrap.hidden{display:none}
  .success-msg .check{
    width:56px;height:56px;
    border:2px solid var(--copper);
    border-radius:50%;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:var(--copper);
  }
  .success-msg h3{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:26px;
    color:var(--pine);
    margin-bottom:12px;
  }
  .success-msg p{color:rgba(14,42,36,0.7);font-size:15px}

  /* Footer */
  footer{
    padding:64px 0 56px;
    background:#fff;
    border-top:1px solid rgba(14,42,36,0.10);
  }
  .footer-grid{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:56px;
    align-items:start;
  }
  /* Izquierda: marca */
  .footer-zenda{
    display:inline-flex;
  }
  .footer-zenda img{height:46px;width:auto;display:block}
  .footer-copy{
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:#1A1A1A;
    margin:16px 0 14px;
  }
  .footer-links{display:flex;flex-direction:column;gap:9px}
  .footer-links a{
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:#1A1A1A;
    text-decoration:none;
    transition:color 0.2s;
    width:fit-content;
  }
  .footer-links a:hover{color:var(--copper)}
  /* Medio: servicios */
  .footer-services{display:flex;flex-direction:column;gap:14px;padding-top:6px}
  .footer-services a{
    font-family:'Fraunces',serif;
    font-size:17px;
    line-height:1.3;
    color:#1A1A1A;
    text-decoration:none;
    transition:color 0.2s;
    max-width:280px;
  }
  .footer-services a:hover{color:var(--copper)}
  /* Derecha: crédito agencia */
  .footer-credit-col{text-align:right}
  .footer-rights{
    font-family:'Inter',sans-serif;
    font-weight:400;
    font-size:12px;
    letter-spacing:0.01em;
    color:#1A1A1A;
    margin:0 0 11px;
  }
  .footer-credit{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
  }
  .footer-by{
    font-family:'Inter',sans-serif;
    font-weight:400;
    font-size:12px;
    color:#1A1A1A;
  }
  .footer-brand{
    font-family:'Inter',sans-serif;
    font-weight:600;
    font-size:16px;
    letter-spacing:0.14em;
    color:#1A1A1A;
    padding-left:3px;
  }
  .footer-logo{
    height:29px;
    width:auto;
    display:block;
  }
  .footer-agency{
    font-family:'Inter',sans-serif;
    font-size:8px;
    letter-spacing:0.24em;
    text-transform:uppercase;
    color:#1A1A1A;
    margin:6px 0 0;
  }
  @media(max-width:768px){
    footer{padding:48px 0}
    .footer-grid{grid-template-columns:1fr;gap:36px;justify-items:center;text-align:center}
    .footer-links{align-items:center}
    .footer-links a{margin:0 auto}
    .footer-services{align-items:center;padding-top:0}
    .footer-services a{max-width:none}
    .footer-credit-col{text-align:center}
    .footer-credit{justify-content:center}
  }

  /* ===== Aparición al hacer scroll (reutilizable) ===== */
  .js .reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity 0.75s cubic-bezier(0.22,1,0.36,1), transform 0.75s cubic-bezier(0.22,1,0.36,1);
  }
  .js .reveal.in{opacity:1;transform:none}

  /* ===== Pantalla de bienvenida (intro) ===== */
  body.intro-open{overflow:hidden}
  #intro{
    position:fixed;
    inset:0;
    z-index:9999;
    background:linear-gradient(150deg,#2F4E8E 0%,#357D96 48%,#30AA45 100%);
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    transition:opacity 0.6s ease, transform 0.6s ease;
  }
  #intro::after{
    content:'';
    position:absolute;inset:0;
    background:radial-gradient(135% 100% at 50% 34%, rgba(0,0,0,0) 58%, rgba(0,0,0,0.20) 100%);
    pointer-events:none;
  }
  #intro.hide{opacity:0;transform:translateY(-26px);pointer-events:none}
  .intro-bar{
    position:relative;z-index:2;
    background:#6A716D;
    padding:16px 0;
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;animation:introFade 0.7s ease forwards;
  }
  .intro-bar img{height:56px;width:auto;display:block}
  .intro-body{
    position:relative;z-index:2;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:20px 24px 36px;
  }
  .intro-ring{
    position:relative;
    width:min(360px,80vw,44vh);
    aspect-ratio:1/1;
    margin-bottom:16px;
    opacity:0;animation:introFade 0.9s ease 0.15s forwards;
  }
  .intro-ring::before{
    content:'';
    position:absolute;inset:-24%;
    background:radial-gradient(circle, rgba(150,205,215,0.30), rgba(150,205,215,0) 62%);
    pointer-events:none;
    z-index:-1;
  }
  .intro-ring svg{width:100%;height:100%;display:block}
  .intro-welcome{
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:clamp(22px,5.4vw,26px);
    letter-spacing:0.03em;
    text-transform:uppercase;
    color:#F2EDE3;
    white-space:nowrap;
    text-shadow:0 2px 22px rgba(0,0,0,0.3);
  }
  .intro-slogan{
    max-width:540px;
    color:rgba(242,237,227,0.92);
    font-family:'Fraunces',serif;
    font-style:italic;
    font-weight:400;
    font-size:clamp(17px,2.4vw,22px);
    line-height:1.5;
    letter-spacing:0.01em;
    margin:14px 0 30px;
    opacity:0;animation:introFade 0.9s ease 0.35s forwards;
  }
  .intro-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:var(--copper);
    color:#fff;
    border:none;
    padding:17px 46px;
    font-family:'Inter',sans-serif;
    font-size:15px;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:4px;
    transition:background 0.25s,transform 0.25s,box-shadow 0.25s;
    box-shadow:0 10px 30px rgba(217,117,68,0.38);
    opacity:0;animation:introFadeOp 0.9s ease 0.55s forwards;
  }
  .intro-btn .arw{display:inline-block;transition:transform 0.25s}
  .intro-btn:hover{background:#c4623a;transform:translateY(-2px);box-shadow:0 16px 40px rgba(217,117,68,0.5)}
  .intro-btn:hover .arw{transform:translateX(5px)}
  @keyframes introFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes introFadeOp{from{opacity:0}to{opacity:1}}
  @media(max-width:600px){
    .intro-bar img{height:44px}
    .intro-ring{width:min(300px,84vw,42vh);margin-bottom:14px}
    .intro-btn{padding:15px 38px;font-size:14px}
  }

  /* Accessibility */
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    html{scroll-behavior:auto}
    #intro .intro-bar,#intro .intro-ring,#intro .intro-slogan,#intro .intro-btn{opacity:1!important}
    .js .reveal{opacity:1!important;transform:none!important}
  }
  :focus-visible{outline:2px solid var(--copper);outline-offset:2px}

  /* ===== Páginas internas (Propósitos / Noticias) ===== */
  .page-hero{
    padding:170px 0 50px;
    text-align:center;
    background:var(--pine);
  }
  .page-hero .eyebrow{color:var(--sage)}
  .page-hero h1{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(34px,5vw,56px);
    letter-spacing:-0.02em;
    color:var(--porcelain);
    margin:14px auto 0;
    line-height:1.1;
    max-width:760px;
  }
  .page-hero .page-sub{
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:17px;
    color:rgba(242,237,227,0.85);
    max-width:620px;
    margin:18px auto 0;
    line-height:1.65;
  }
  .proposito-section{background:var(--pine);padding:24px 0 120px}
  .proposito-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
    align-items:stretch;
  }
  @media(max-width:900px){.proposito-grid{grid-template-columns:1fr;gap:22px}}
  .proposito-card{
    background:var(--foodcourts-deep);
    border:1px solid rgba(242,237,227,0.10);
    border-radius:22px;
    padding:46px 34px;
    box-shadow:0 18px 44px rgba(0,0,0,0.18);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s;
  }
  .proposito-card:hover{transform:translateY(-6px);box-shadow:0 28px 62px rgba(0,0,0,0.26)}
  .proposito-icon{width:66px;height:66px;color:var(--copper);margin-bottom:22px}
  .proposito-icon svg{width:100%;height:100%}
  .proposito-card h2{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:26px;
    letter-spacing:0.02em;
    color:var(--porcelain);
    margin:0 0 16px;
  }
  .proposito-card p{
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:15.5px;
    line-height:1.7;
    color:rgba(242,237,227,0.9);
    margin:0;
  }
  .obj-list{list-style:none;width:100%;text-align:left;margin:0;padding:0}
  .obj-list li{
    font-family:'Inter',sans-serif;
    font-size:15px;
    color:rgba(242,237,227,0.92);
    padding:12px 0 12px 26px;
    border-bottom:1px solid rgba(242,237,227,0.12);
    position:relative;
  }
  .obj-list li:last-child{border-bottom:none}
  .obj-list li::before{content:'›';position:absolute;left:6px;top:11px;color:var(--copper);font-weight:700}
  .page-placeholder{
    text-align:center;
    padding:40px 0 130px;
    background:var(--pine);
  }
  .page-placeholder p{
    font-family:'Inter',sans-serif;
    color:rgba(242,237,227,0.85);
    font-size:17px;
    max-width:520px;margin:0 auto;line-height:1.7;
  }

  /* ===== Problema Ambiental ===== */
  .problema-stats{background:var(--pine);padding:10px 0 80px}
  .problema-lead{
    max-width:780px;
    margin:0 auto;
    text-align:center;
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:17px;
    line-height:1.8;
    color:rgba(242,237,227,0.92);
  }
  .stat-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:56px;
  }
  @media(max-width:800px){.stat-row{grid-template-columns:1fr}}
  .stat-card{
    background:var(--foodcourts-deep);
    border:1px solid rgba(242,237,227,0.10);
    border-radius:18px;
    padding:34px 26px;
    text-align:center;
  }
  .stat-num{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:clamp(30px,4vw,40px);
    color:var(--copper);
    line-height:1.1;
  }
  .stat-label{
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    color:rgba(242,237,227,0.85);
    margin-top:10px;
    line-height:1.5;
  }

  .problema-casos{background:var(--foodcourts);padding:80px 0}
  .problema-casos .section-head{text-align:center;max-width:700px;margin:0 auto 48px}
  .problema-casos .section-head h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(26px,3.2vw,36px);
    color:var(--porcelain);
    letter-spacing:-0.01em;
    margin-top:12px;
    line-height:1.25;
  }
  .casos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:900px){.casos-grid{grid-template-columns:1fr}}
  .caso-card{
    background:var(--foodcourts-deep);
    border:1px solid rgba(242,237,227,0.10);
    border-radius:18px;
    padding:30px 26px;
    box-shadow:0 12px 30px rgba(0,0,0,0.14);
  }
  .caso-card .caso-num{
    font-family:'Fraunces',serif;
    font-style:italic;
    color:var(--copper);
    font-size:15px;
    display:block;
    margin-bottom:10px;
  }
  .caso-card p{
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    line-height:1.7;
    color:rgba(242,237,227,0.92);
    margin:0;
  }

  .problema-cta{background:var(--pine-deep);padding:90px 0;text-align:center}
  .problema-cta h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(28px,3.6vw,42px);
    color:var(--porcelain);
    max-width:680px;
    margin:0 auto 16px;
    line-height:1.25;
  }
  .problema-cta p{
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:16px;
    color:rgba(242,237,227,0.88);
    max-width:560px;
    margin:0 auto 34px;
    line-height:1.7;
  }

  .problema-galeria{background:var(--pine);padding:20px 0 110px}
  .galeria-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}
  .row-3 .galeria-slot,.row-2 .galeria-slot{width:220px}
  @media(max-width:800px){
    .row-3{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .row-3 .galeria-slot{width:auto}
  }
  .galeria-captions{
    display:flex;
    flex-direction:column;
    gap:16px;
    max-width:700px;
    margin:0 auto;
  }
  .galeria-caption-wide{
    background:#fff;
    border-radius:14px;
    padding:18px 26px;
    box-shadow:0 10px 26px rgba(0,0,0,0.14);
    color:#D62828;
    font-family:'Inter',sans-serif;
    font-weight:600;
    font-size:14.5px;
    line-height:1.65;
    text-align:center;
    margin:0;
  }

  /* Tarjetas de prueba: imagen + dato destacado */
  .prueba-grid{
    display:flex;
    flex-direction:column;
    gap:22px;
    max-width:880px;
    margin:0 auto;
  }
  .prueba-card{
    display:flex;
    align-items:stretch;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 18px 44px rgba(0,0,0,0.16);
  }
  .prueba-img{flex:0 0 220px}
  .prueba-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}
  .prueba-text{
    flex:1;
    padding:28px 32px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
  }
  .prueba-num{
    font-family:'Fraunces',serif;
    font-weight:600;
    font-size:clamp(26px,3.4vw,34px);
    color:#D62828;
    line-height:1.1;
  }
  .prueba-text p{
    margin:0;
    font-family:'Inter',sans-serif;
    font-weight:500;
    font-size:15px;
    line-height:1.6;
    color:#3A2E2E;
  }
  @media(max-width:640px){
    .prueba-card{flex-direction:column}
    .prueba-img{flex:none;width:100%;aspect-ratio:16/9}
    .prueba-img img{min-height:0}
    .prueba-text{padding:22px 24px;text-align:center;align-items:center}
  }
  .galeria-slot{
    aspect-ratio:4/5;
    background:linear-gradient(135deg,rgba(168,189,178,0.14),rgba(168,189,178,0.05));
    border:1px solid rgba(242,237,227,0.14);
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 18px 40px rgba(0,0,0,0.16);
  }
  .galeria-slot img{width:100%;height:100%;object-fit:cover;display:block}
  .galeria-slot .placeholder{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--sage);
    text-transform:uppercase;
    letter-spacing:0.1em;
    text-align:center;
    padding:20px;
  }

  /* ===== Artículo de Noticias ===== */
  .noticia-article{background:var(--porcelain);padding:20px 0 90px}
  .noticia-container{max-width:760px}
  .noticia-lead{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-style:italic;
    font-size:clamp(18px,2.2vw,21px);
    line-height:1.65;
    color:#2A3530;
    margin:0 0 44px;
  }
  .noticia-article h2{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:clamp(22px,2.6vw,27px);
    letter-spacing:-0.01em;
    color:#16221D;
    margin:48px 0 16px;
    line-height:1.3;
  }
  .noticia-article > .container > h2:first-of-type{margin-top:0}
  .noticia-article p{
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:16px;
    line-height:1.85;
    color:#3A453F;
    margin:0 0 18px;
  }
  .noticia-article strong{font-weight:600;color:#16221D}
  .noticia-case{
    background:#fff;
    border-radius:16px;
    padding:26px 30px;
    margin:22px 0 8px;
    box-shadow:0 12px 32px rgba(14,42,36,0.08);
    border-left:3px solid var(--copper);
  }
  .noticia-case-tag{
    display:inline-block;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--copper);
    margin-bottom:10px;
  }
  .noticia-case p{margin:0;font-size:15px;line-height:1.8}
  .noticia-closing{
    margin-top:36px;
    padding-top:28px;
    border-top:1px solid rgba(14,42,36,0.12);
    font-size:16px;
  }
  @media(max-width:600px){
    .noticia-case{padding:22px 22px}
  }
  .noticia-nota{
    text-align:center;
    padding:0 0 90px;
    background:var(--porcelain);
  }
  .noticia-nota p{
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:14.5px;
    color:#6a756f;
    max-width:520px;margin:0 auto;line-height:1.7;
  }