:root{
      --green:#5CF2C5;--green-dark:#00A77E;--yellow:#F7B900;--blue:#009FE3;
      --dark:#12343B;--text:#1E2A2F;--muted:#66757D;--soft:#F4FFF9;
      --white:#fff;--border:#DDEBE4;--shadow:0 22px 70px rgba(18,52,59,.12);
      --radius:26px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:Inter,sans-serif;color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    .container{max-width:1180px;margin:auto;padding:0 24px}
    .progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--yellow),var(--green),var(--blue));width:0;z-index:9999}
    header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}
    header.scrolled{box-shadow:0 8px 30px rgba(18,52,59,.08);border-bottom-color:var(--border)}
    .nav{height:82px;display:flex;align-items:center;justify-content:space-between}
    .brand img{height:54px;width:auto;display:block}
    .links{display:flex;gap:22px;align-items:center;font-size:.92rem;font-weight:700;color:var(--dark)}
    .links a:hover{color:var(--green-dark)}
    .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:800;transition:.25s;border:0;cursor:pointer}
    .btn-primary{background:linear-gradient(135deg,var(--green-dark),var(--green));color:var(--dark);box-shadow:0 14px 30px rgba(0,167,126,.25)}
    .btn-light{background:#fff;color:var(--green-dark);border:1px solid var(--border);box-shadow:0 8px 24px rgba(18,52,59,.06)}
    .btn:hover{transform:translateY(-3px)}
    .hamb{display:none;background:none;border:0;font-size:1.9rem;color:var(--dark)}
    .mobile{display:none;position:fixed;inset:82px 0 auto 0;background:#fff;padding:24px;box-shadow:var(--shadow);z-index:999}
    .mobile a{display:block;padding:14px 0;border-bottom:1px solid var(--border);font-weight:800}

    .hero{padding:150px 0 90px;min-height:94vh;display:flex;align-items:center;position:relative;background:
      radial-gradient(circle at 90% 10%,rgba(92,242,197,.28),transparent 32%),
      radial-gradient(circle at 8% 80%,rgba(247,185,0,.18),transparent 34%),
      linear-gradient(180deg,#fff 0%,#F7FFFB 100%)}
    .hero:before{content:"";position:absolute;inset:0;opacity:.055;background-image:linear-gradient(90deg,var(--green-dark) 1px,transparent 1px),linear-gradient(var(--green-dark) 1px,transparent 1px);background-size:52px 52px}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center;position:relative}
    .eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--green-dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:18px}
    .eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--yellow)}
    h1{font-size:clamp(2.45rem,5.4vw,4.8rem);line-height:1.02;letter-spacing:-.065em;color:var(--dark);margin-bottom:22px}
    .serif{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.04em}
    .hero p{font-size:1.1rem;color:var(--muted);max-width:650px;margin-bottom:30px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
    .micro{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-weight:700;font-size:.88rem}
    .micro span:before{content:"✓";color:var(--green-dark);margin-right:6px}

    .visual{height:520px;border-radius:38px;background:linear-gradient(135deg,#F2FFF9,#E7FFF7);position:relative;overflow:hidden;box-shadow:var(--shadow);border:1px solid #fff}
    .visual:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,var(--yellow),transparent,var(--green),transparent,var(--blue),transparent);opacity:.22;animation:spin 20s linear infinite}
    .visual-inner{position:absolute;inset:28px;border:2px dashed rgba(18,52,59,.16);border-radius:30px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-weight:900;z-index:2}
    .orbit{position:absolute;border-radius:50%;border:2px dashed rgba(0,167,126,.22);z-index:3;animation:spin 34s linear infinite}
    .orbit.one{width:330px;height:330px;top:86px;left:70px}
    .orbit.two{width:245px;height:245px;right:55px;bottom:58px;animation-duration:28s;animation-direction:reverse}
    .bubble{position:absolute;z-index:4;border-radius:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);box-shadow:0 18px 44px rgba(18,52,59,.12);padding:18px;font-weight:900;color:var(--dark);animation:float 6s ease-in-out infinite}
    .bubble span{font-size:2rem;display:block;margin-bottom:6px}
    .b1{left:55px;top:70px}.b2{right:55px;top:120px;animation-delay:1s}.b3{left:92px;bottom:72px;animation-delay:2s}.b4{right:88px;bottom:72px;animation-delay:.6s}
    @keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}

    section{padding:92px 0}.alt{background:var(--soft)}.dark{background:linear-gradient(135deg,#12343B,#006B54);color:white}
    .section-head{text-align:center;max-width:790px;margin:0 auto 56px}
    .label{color:var(--green-dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:12px;display:block}
    .dark .label{color:var(--green)}
    h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1;letter-spacing:-.055em;color:var(--dark);margin-bottom:16px}
    .dark h2{color:white}.section-head p{color:var(--muted);font-size:1.05rem}.dark .section-head p{color:rgba(255,255,255,.74)}
    .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:0 12px 34px rgba(18,52,59,.05);transition:.25s}
    .card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(0,167,126,.5)}
    .card .big{font-size:2.3rem;margin-bottom:14px}.card h3{font-size:1.2rem;color:var(--dark);margin-bottom:10px}.card p{color:var(--muted);font-size:.96rem}

    .process{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
    .step{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;transition:.25s;position:relative;overflow:hidden}
    .step:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--yellow),var(--green))}
    .step:hover{transform:translateY(-5px);border-color:var(--green-dark)}
    .num{font-size:.8rem;font-weight:900;color:var(--green-dark);margin-bottom:14px}

    .members{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:34px}
    .logo-place{height:120px;border-radius:22px;background:white;border:2px dashed var(--border);display:grid;place-items:center;color:var(--muted);font-weight:900;margin-bottom:18px}
    .logos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
    .logo-small{height:82px;background:white;border:1px solid var(--border);border-radius:16px;display:grid;place-items:center;color:var(--muted);font-weight:800}

    .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:30px;text-align:center}
    .stat strong{display:block;font-size:2.2rem;color:var(--green);margin-bottom:5px}

    /* Calculadora */
    .calculator-section{background:radial-gradient(circle at 8% 5%,rgba(92,242,197,.25),transparent 32%),radial-gradient(circle at 92% 10%,rgba(247,185,0,.18),transparent 28%),linear-gradient(135deg,#f8fcfa,#eef8f4)}
    .calc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
    .calc-panel{background:rgba(255,255,255,.9);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:30px;padding:32px}
    .calc-tag{display:inline-flex;gap:8px;align-items:center;background:#e4f7ef;color:var(--green-dark);font-weight:900;border-radius:999px;padding:8px 13px;font-size:13px;margin-bottom:18px}
    .calc-lead{font-size:1.05rem;color:var(--muted);max-width:690px}
    .calc-form{display:grid;gap:14px}
    .calc-field label{display:block;font-size:13px;font-weight:900;color:var(--muted);margin:0 0 7px}
    .calc-field select,.calc-field input{width:100%;border:1px solid #cfe3dd;border-radius:16px;background:white;padding:15px 16px;font-size:17px;color:var(--dark);outline:none}
    .calc-field select:focus,.calc-field input:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px rgba(0,167,126,.12)}
    .calc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .calc-hint{font-size:12px;color:var(--muted);line-height:1.4}
    .calc-warn{display:none;margin-top:12px;background:#fff6df;border:1px solid #f2d38b;color:#745217;padding:12px;border-radius:14px;font-size:13px;line-height:1.4}
    .calc-results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
    .calc-card{background:white;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 12px 24px rgba(0,77,58,.08)}
    .calc-metric{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);font-weight:900}
    .calc-value{font-size:clamp(24px,3vw,36px);font-weight:950;margin:8px 0 2px;color:var(--green-dark)}
    .calc-unit{font-size:14px;color:var(--muted);font-weight:750}
    .calc-equiv{margin-top:9px;padding-top:10px;border-top:1px dashed #d7e8e2;color:#3c5851;font-size:13px;line-height:1.35}
    .calc-message{margin-top:18px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:var(--dark);border-radius:22px;padding:20px;display:grid;gap:7px;font-weight:700}
    .calc-message strong{font-size:20px}
    .calc-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
    .calc-note{background:white;border:1px solid var(--border);border-radius:20px;padding:16px;color:#45635c;font-size:13px;line-height:1.45}
    .calc-badge{display:inline-block;margin:4px 4px 0 0;border:1px solid #cce3dc;border-radius:999px;padding:5px 9px;background:white;color:#45635c;font-weight:750}

    .cta{background:linear-gradient(135deg,var(--green-dark),var(--blue));color:white;text-align:center}
    .cta h2{color:white}.cta p{color:rgba(255,255,255,.84);max-width:720px;margin:0 auto 28px}
    footer{background:var(--dark);color:white;padding:60px 0 24px}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:30px;margin-bottom:40px}
    footer h4{margin-bottom:14px;color:white}footer a,footer p{color:rgba(255,255,255,.65);display:block;margin:7px 0;font-size:.92rem}
    .footer-logo{max-width:230px;background:white;border-radius:14px;padding:12px;margin-bottom:16px}
    .copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:rgba(255,255,255,.45)}
    .reveal{opacity:0;transform:translateY(30px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}

    @media(max-width:980px){
      .links{display:none}.hamb{display:block}.mobile.active{display:block}
      .hero-grid,.grid3,.members,.calc-wrap,.calc-note-grid{grid-template-columns:1fr}
      .process,.stats{grid-template-columns:1fr 1fr}
      .hero{text-align:center}.hero-actions,.micro{justify-content:center}
      .logos{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}
      .calc-results{grid-template-columns:1fr 1fr}
    }
    @media(max-width:560px){
      .process,.stats,.logos,.footer-grid,.calc-results,.calc-row{grid-template-columns:1fr}
      h1{font-size:2.35rem}.visual{height:360px}.brand img{height:44px}.hero{padding-top:125px}
      .calc-panel{padding:24px}
    }
  
    .model-box{
      margin-top:28px;
      background:linear-gradient(135deg,#ffffff,#F4FFF9);
      border:1px solid var(--border);
      border-radius:30px;
      padding:30px;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:24px;
      align-items:center;
      box-shadow:var(--shadow);
    }
    .model-box h3{
      font-size:1.65rem;
      color:var(--dark);
      margin-bottom:10px;
      letter-spacing:-.035em;
    }
    .model-box p{
      color:var(--muted);
      font-size:1rem;
    }
    .model-points{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
    .model-points span{
      background:white;
      border:1px solid var(--border);
      border-radius:18px;
      padding:14px;
      color:var(--dark);
      font-weight:850;
      box-shadow:0 8px 22px rgba(18,52,59,.05);
    }
    @media(max-width:980px){
      .model-box{grid-template-columns:1fr}
    }
    @media(max-width:560px){
      .model-points{grid-template-columns:1fr}
    }

  
    .normative-box{
      margin-top:28px;
      background:linear-gradient(135deg,#ffffff,#F4FFF9);
      border:1px solid rgba(0,167,126,.28);
      border-left:6px solid var(--green-dark);
      border-radius:26px;
      padding:28px;
      box-shadow:0 16px 46px rgba(18,52,59,.08);
      display:grid;
      grid-template-columns:70px 1fr;
      gap:18px;
      align-items:start;
    }
    .normative-icon{
      width:64px;
      height:64px;
      border-radius:20px;
      background:linear-gradient(135deg,var(--green-dark),var(--green));
      display:grid;
      place-items:center;
      font-size:2rem;
      box-shadow:0 12px 28px rgba(0,167,126,.22);
    }
    .normative-box h3{
      color:var(--dark);
      font-size:1.35rem;
      margin-bottom:8px;
      letter-spacing:-.025em;
    }
    .normative-box p{
      color:var(--muted);
      font-size:1rem;
      margin:0 0 10px;
    }
    .normative-box strong{
      color:var(--green-dark);
      font-weight:900;
    }
    .normative-pills{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    .normative-pills span{
      background:#fff;
      border:1px solid var(--border);
      color:var(--dark);
      border-radius:999px;
      padding:8px 12px;
      font-size:.82rem;
      font-weight:850;
    }
    @media(max-width:620px){
      .normative-box{grid-template-columns:1fr}
    }

  
.hero-extra{margin-top:-18px}
.contact-list{margin:22px auto 26px;max-width:860px}
.contact-list h3{color:white;margin-bottom:12px;font-size:1.25rem}
.cta .normative-pills{justify-content:center}
.cta .normative-pills span{color:var(--dark)}

/* ===== Popups Zoho / Lead Gate REINICIA ===== */
.zoho-popup-overlay,
.calc-lead-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(18,52,59,.62);
  backdrop-filter:blur(8px);
  z-index:10050;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.zoho-popup-overlay.active,
.calc-lead-overlay.active{display:flex}
.zoho-popup,
.calc-lead-modal{
  width:100%;
  max-width:560px;
  background:white;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 34px 90px rgba(18,52,59,.32);
  position:relative;
  animation:popIn .28s ease;
}
@keyframes popIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
.popup-close,
.calc-lead-close{
  position:absolute;
  top:16px;
  right:16px;
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:white;
  font-size:24px;
  cursor:pointer;
  z-index:2;
}
.popup-head,
.calc-lead-head{
  background:linear-gradient(135deg,var(--green-dark),var(--green));
  color:var(--dark);
  padding:30px 32px 24px;
}
.popup-head h3,
.calc-lead-head h3{
  font-size:1.55rem;
  line-height:1.15;
  margin-bottom:8px;
  color:var(--dark);
}
.popup-head p,
.calc-lead-head p{font-size:.96rem;color:rgba(18,52,59,.78)}
.popup-body,
.calc-lead-body{padding:28px 32px 32px}
.reinicia-form,
.calc-lead-form{display:grid;gap:14px}
.reinicia-form label,
.calc-lead-form label{font-size:13px;font-weight:900;color:var(--muted)}
.reinicia-form input,
.reinicia-form textarea,
.reinicia-form select,
.calc-lead-form input{
  width:100%;
  border:1px solid #cfe3dd;
  border-radius:16px;
  padding:14px 15px;
  font-size:16px;
  outline:none;
  font-family:Inter,sans-serif;
}
.reinicia-form textarea{min-height:92px;resize:vertical}
.reinicia-form input:focus,
.reinicia-form textarea:focus,
.reinicia-form select:focus,
.calc-lead-form input:focus{
  border-color:var(--green-dark);
  box-shadow:0 0 0 4px rgba(0,167,126,.12);
}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:12px;
  color:var(--muted);
  line-height:1.45;
}
.form-check input{width:auto;margin-top:3px}
.form-error{
  display:none;
  background:#fff2ef;
  border:1px solid #ffd0c8;
  color:#a72b1f;
  border-radius:14px;
  padding:10px 12px;
  font-size:13px;
}
.form-error.active{display:block}
.form-success{
  display:none;
  background:#e4f7ef;
  border:1px solid #bee8d5;
  color:#1d6a54;
  border-radius:14px;
  padding:12px;
  font-size:13px;
  font-weight:800;
}
.form-success.active{display:block}
.calc-actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.calc-privacy{font-size:12px;color:var(--muted);line-height:1.45}
.calc-results.locked,
.calc-message.locked{display:none!important}
.calc-locked-card{
  margin-top:24px;
  background:white;
  border:1px solid var(--border);
  border-radius:26px;
  padding:26px;
  box-shadow:0 16px 44px rgba(18,52,59,.08);
  text-align:center;
}
.calc-locked-card h3{color:var(--dark);font-size:1.35rem;margin-bottom:8px}
.calc-locked-card p{color:var(--muted);max-width:640px;margin:0 auto 18px}
.calc-unlocked-note{
  display:none;
  margin-top:18px;
  background:#e4f7ef;
  border:1px solid #bee8d5;
  color:#1d6a54;
  border-radius:18px;
  padding:13px 16px;
  font-size:13px;
  font-weight:800;
}
.calc-unlocked-note.active{display:block}
@media(max-width:620px){
  .popup-head,.popup-body,.calc-lead-head,.calc-lead-body{padding:24px 22px}
  .form-grid-2{grid-template-columns:1fr}
}

.zoho-popup-large{max-width:760px;max-height:92vh;overflow:auto}
.zoho-embed-body{padding:0;background:#fff}
.popup-close-green{background:rgba(18,52,59,.12)!important;color:var(--dark)!important}
.zoho-embed-body #zcOptinOverLay,
.zoho-embed-body #zcOptinSuccessPopup{z-index:10080!important}
.zoho-embed-body #sf3ze8119e3e694786e7a7641f9c30ab4bac7fc4f1540ed18d07377c673a1ce5aa7e #SIGNUP_PAGE{border-radius:0!important}
.zoho-embed-body #sf3ze8119e3e694786e7a7641f9c30ab4bac7fc4f1540ed18d07377c673a1ce5aa7e #signupMainDiv{max-width:680px!important}

/* ===== Secciones nuevas: Blog y Puntos REINICIA ===== */
.collection-map-section{
  background:linear-gradient(180deg,#ffffff 0%,#F4FFF9 100%);
}
.map-wrap{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:26px;
  align-items:stretch;
}
.map-info-card{
  background:white;
  border:1px solid var(--border);
  border-radius:30px;
  padding:30px;
  box-shadow:0 16px 46px rgba(18,52,59,.08);
}
.map-info-card h3{
  color:var(--dark);
  font-size:1.45rem;
  line-height:1.18;
  margin-bottom:12px;
}
.map-info-card p{
  color:var(--muted);
  margin-bottom:18px;
}
.map-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 22px;
}
.map-tags span{
  background:#e4f7ef;
  color:var(--green-dark);
  border:1px solid #bee8d5;
  border-radius:999px;
  padding:8px 12px;
  font-size:.84rem;
  font-weight:850;
}
.map-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:20px 0;
}
.map-stat{
  background:#F8FFFC;
  border:1px solid var(--border);
  border-radius:20px;
  padding:16px;
  text-align:center;
}
.map-stat strong{
  display:block;
  color:var(--green-dark);
  font-size:1.35rem;
  line-height:1;
  margin-bottom:6px;
}
.map-stat span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
}
.map-frame-card{
  background:white;
  border:1px solid var(--border);
  border-radius:30px;
  padding:16px;
  box-shadow:var(--shadow);
  min-height:520px;
}
.map-frame-card iframe{
  width:100%;
  height:500px;
  border:0;
  border-radius:22px;
  display:block;
}
.blog-preview-section{
  background:#fff;
}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.blog-card{
  background:white;
  border:1px solid var(--border);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(18,52,59,.05);
  transition:.25s;
}
.blog-card:hover{
  transform:translateY(-7px);
  box-shadow:var(--shadow);
  border-color:rgba(0,167,126,.45);
}
.blog-image{
  height:170px;
  background:linear-gradient(135deg,#E4F7EF,#FDF7DE);
  display:grid;
  place-items:center;
  color:var(--green-dark);
  font-size:2rem;
}
.blog-content{
  padding:24px;
}
.blog-content h3{
  color:var(--dark);
  font-size:1.15rem;
  line-height:1.25;
  margin-bottom:10px;
}
.blog-content p{
  color:var(--muted);
  font-size:.94rem;
  margin-bottom:16px;
}
.blog-actions{
  margin-top:30px;
  text-align:center;
}
@media(max-width:980px){
  .map-wrap,.blog-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .map-stats{grid-template-columns:1fr}
  .map-frame-card iframe{height:380px}
}

/* ===== Ajuste menú superior compacto ===== */
.nav{
  gap:16px;
}
.brand{
  flex:0 0 auto;
}
.links{
  gap:12px;
  flex:1;
  justify-content:flex-end;
  white-space:nowrap;
  font-size:.82rem;
}
.links a{
  padding:8px 2px;
}
.links .btn,
.links a.btn{
  padding:11px 16px;
  font-size:.82rem;
}
@media(max-width:1180px){
  .brand img{height:46px}
  .links{gap:9px;font-size:.76rem}
  .links .btn,
  .links a.btn{padding:10px 13px;font-size:.76rem}
}
@media(max-width:1060px){
  .links{display:none}
  .hamb{display:block}
}

/* ===== Menú completo REINICIA corregido ===== */
.nav{
  gap:18px;
}
.brand{
  flex:0 0 auto;
}
.brand img{
  max-height:48px;
}
.links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:1;
  gap:10px;
  white-space:nowrap;
  font-size:13px;
  font-weight:800;
}
.links a{
  padding:8px 2px;
}
.links .btn,
.links a.btn{
  margin-left:6px;
  padding:11px 15px;
  font-size:13px;
}
@media(max-width:1240px){
  .container{max-width:1220px}
  .links{gap:8px;font-size:12.5px}
  .links .btn,
  .links a.btn{padding:10px 13px;font-size:12.5px}
  .brand img{max-height:44px}
}
@media(max-width:1080px){
  .links{display:none!important}
  .hamb{display:block!important}
}
.mobile{
  display:none;
  position:fixed;
  inset:82px 0 auto 0;
  background:#fff;
  padding:22px 24px;
  box-shadow:var(--shadow);
  z-index:999;
}
.mobile.active{display:block}
.mobile a{
  display:block;
  padding:14px 0;
  border-bottom:1px solid var(--border);
  font-weight:850;
  color:var(--dark);
}
.mobile a:last-child{
  color:var(--green-dark);
}

/* ===== Ajustes finales REINICIA: foto hero, calculadora tabs y WhatsApp ===== */
.visual-photo{
  background:#fff;
  padding:0;
  border-radius:38px;
  overflow:hidden;
}
.visual-photo:before{display:none!important}
.visual-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.calc-message{
  margin-top:24px;
}
.calc-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.calc-tabs.locked{display:none!important}
.calc-tab{
  border:1px solid var(--border);
  background:#fff;
  color:var(--dark);
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
  transition:.25s;
}
.calc-tab:hover,
.calc-tab.active{
  background:linear-gradient(135deg,var(--green-dark),var(--green));
  color:var(--dark);
  border-color:transparent;
  transform:translateY(-2px);
}
.calc-card.is-hidden{display:none!important}
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  box-shadow:0 18px 42px rgba(37,211,102,.34);
  z-index:9998;
  transition:.25s;
}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.03)}
.whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:560px){
  .whatsapp-float{width:56px;height:56px;font-size:28px;right:16px;bottom:16px}
}

/* ===== Slider fullscreen REINICIA 100vh ===== */
.hero-slider{
  position:relative;
  min-height:100vh;
  height:100vh;
  overflow:hidden;
  background:#071f24;
  color:white;
}
.hero-slider .hero-bg-grid{
  position:absolute;
  inset:0;
  opacity:.07;
  background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);
  background-size:54px 54px;
  z-index:2;
  pointer-events:none;
}
.hero-slide{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .75s ease;
}
.hero-slide.active{
  opacity:1;
  pointer-events:auto;
}
.hero-slide:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 75% 20%,rgba(92,242,197,.35),transparent 30%),
    linear-gradient(90deg,rgba(7,31,36,.92) 0%,rgba(7,31,36,.72) 43%,rgba(7,31,36,.22) 100%);
  z-index:1;
}
.hero-slide-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.06);
  transition:transform 7s linear;
  filter:saturate(1.03) contrast(1.03);
}
.hero-slide.active .hero-slide-photo{transform:scale(1.13)}
.hero-slide-visual{
  position:absolute;
  right:6vw;
  bottom:8vh;
  width:min(470px,36vw);
  min-height:320px;
  border-radius:36px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
  box-shadow:0 30px 90px rgba(0,0,0,.26);
  display:grid;
  place-items:center;
  text-align:center;
  padding:34px;
  z-index:3;
}
.hero-slide-visual .big-icon{
  font-size:4rem;
  margin-bottom:14px;
}
.hero-slide-visual strong{
  display:block;
  color:#fff;
  font-size:1.35rem;
  line-height:1.15;
}
.hero-slide-visual span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.74);
  font-weight:650;
}
.hero-slide-content{
  position:relative;
  z-index:4;
  width:100%;
  padding-top:82px;
}
.hero-slide-content .container{
  display:grid;
  grid-template-columns:minmax(0,680px) 1fr;
  gap:40px;
  align-items:center;
}
.hero-slider .eyebrow{
  color:var(--green);
  margin-bottom:18px;
}
.hero-slider h1{
  color:white;
  font-size:clamp(1.8rem,4vw,3.8rem);
  max-width:720px;
  text-shadow:0 18px 45px rgba(0,0,0,.22);
}
.hero-slider p{
  color:rgba(255,255,255,.82);
  font-size:1.15rem;
  max-width:660px;
  margin-bottom:30px;
}
.hero-slider .btn-light{
  background:rgba(255,255,255,.92);
}
.hero-dots{
  position:absolute;
  left:50%;
  bottom:32px;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  gap:10px;
}
.hero-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.62);
  background:rgba(255,255,255,.18);
  cursor:pointer;
  transition:.25s;
}
.hero-dot.active{
  width:38px;
  background:linear-gradient(135deg,var(--green),var(--yellow));
  border-color:transparent;
}
.hero-arrows{
  position:absolute;
  right:32px;
  bottom:28px;
  z-index:5;
  display:flex;
  gap:10px;
}
.hero-arrow{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.12);
  color:white;
  cursor:pointer;
  font-size:1.35rem;
  backdrop-filter:blur(10px);
}
.hero-arrow:hover{background:rgba(255,255,255,.22)}
.hero-progress{
  position:absolute;
  left:0;
  bottom:0;
  height:4px;
  width:0;
  z-index:6;
  background:linear-gradient(90deg,var(--yellow),var(--green),var(--blue));
}
@media(max-width:900px){
  .hero-slide-content .container{grid-template-columns:1fr}
  .hero-slide-visual{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    min-height:auto;
    margin-top:20px;
  }
  .hero-slider{
    height:auto;
    min-height:100vh;
  }
  .hero-slide{
    padding:120px 0 110px;
  }
  .hero-arrows{display:none}
}
@media(max-width:560px){
  .hero-slider h1{font-size:2.55rem}
  .hero-slider p{font-size:1rem}
  .hero-slide-content{padding-top:54px}
}

/* ===== Ajuste calculadora: resultados antes que pestañas, sin mensaje descriptivo ===== */
.calc-message{display:none!important}
.calc-results{
  margin-top:24px;
}
.calc-tabs{
  margin-top:18px;
  margin-bottom:0;
}
.calc-tabs.after-results{
  justify-content:center;
}

/* ===== Calculadora compacta: resultados en el espacio del botón ===== */
.calc-inline-result{
  display:none;
  margin-top:18px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:24px;
  padding:22px;
  box-shadow:0 16px 42px rgba(18,52,59,.08);
  animation:calcFadeIn .35s ease;
}
.calc-inline-result.active{display:block}
@keyframes calcFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.calc-inline-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.calc-inline-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green-dark),var(--green));
  color:var(--dark);
  font-size:1.45rem;
}
.calc-inline-head h3{
  color:var(--dark);
  font-size:1.22rem;
  line-height:1.15;
}
.calc-inline-head p{
  color:var(--muted);
  font-size:.88rem;
  margin:3px 0 0;
}
.calc-inline-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.calc-inline-item{
  background:#F8FFFC;
  border:1px solid #d8eee6;
  border-radius:18px;
  padding:14px;
}
.calc-inline-item span{
  display:block;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:900;
}
.calc-inline-item strong{
  display:block;
  color:var(--green-dark);
  font-size:1.35rem;
  line-height:1.1;
  margin-top:5px;
}
.calc-inline-item small{
  color:var(--muted);
  font-weight:700;
}
.calc-inline-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.calc-inline-actions .btn{
  padding:11px 16px;
  font-size:.88rem;
}
.calc-main-button.hidden-after-lead{
  display:none!important;
}
.calc-results,
.calc-message,
.calc-tabs{
  display:none!important;
}
.calc-unlocked-note{
  display:none!important;
}
@media(max-width:560px){
  .calc-inline-grid{grid-template-columns:1fr}
}

/* ===== empresas comprometidas y aliados separados REINICIA ===== */
.partner-split{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
}
.partner-block{
  background:#fff;
  border:1px solid var(--border);
  border-radius:30px;
  padding:30px;
  box-shadow:0 16px 46px rgba(18,52,59,.07);
}
.partner-block-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}
.partner-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#e4f7ef;
  color:var(--green-dark);
  border:1px solid #bee8d5;
  border-radius:999px;
  padding:8px 12px;
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.partner-block h3{
  color:var(--dark);
  font-size:1.55rem;
  letter-spacing:-.035em;
  margin:12px 0 8px;
}
.partner-block p{
  color:var(--muted);
  max-width:760px;
}
.partner-logos{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.partner-logo{
  height:88px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-weight:900;
  font-size:.82rem;
  text-align:center;
  padding:10px;
  transition:.25s;
}
.partner-logo:hover{
  transform:translateY(-4px);
  border-color:rgba(0,167,126,.45);
  box-shadow:0 12px 28px rgba(18,52,59,.08);
}
.partner-block.allies{
  background:linear-gradient(135deg,#ffffff,#F8FFFC);
}
.partner-block.allies .partner-kicker{
  background:#fff6df;
  border-color:#f2d38b;
  color:#8a6400;
}
.pf-brand-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.72);
  font-weight:800;
}
.pf-brand-logo{
  height:30px;
  width:auto;
  background:#fff;
  border-radius:8px;
  padding:5px 7px;
  vertical-align:middle;
  transition:.25s;
}
.pf-brand-link:hover{
  color:#fff;
}
.pf-brand-link:hover .pf-brand-logo{
  transform:translateY(-2px);
}
@media(max-width:980px){
  .partner-logos{grid-template-columns:repeat(3,1fr)}
  .partner-block-head{display:block}
}
@media(max-width:560px){
  .partner-logos{grid-template-columns:repeat(2,1fr)}
  .partner-block{padding:24px}
}

/* ===== Ajustes solicitados: imágenes, normativa, carrusel de logos y redes ===== */
.card-image{
  width:100%;
  height:190px;
  border-radius:22px;
  overflow:hidden;
  margin-bottom:20px;
  background:linear-gradient(135deg,#E4F7EF,#FDF7DE);
  border:1px solid var(--border);
  box-shadow:0 12px 28px rgba(18,52,59,.07);
}
.card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.card:hover .card-image img{transform:scale(1.06)}
.normative-actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
.btn-raee{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:12px 18px;
  font-weight:900;
  background:#fff;
  color:var(--green-dark);
  border:1px solid var(--border);
  box-shadow:0 8px 22px rgba(18,52,59,.06);
  transition:.25s;
}
.btn-raee:hover{transform:translateY(-3px);border-color:rgba(0,167,126,.45);box-shadow:0 14px 30px rgba(18,52,59,.1)}
.partner-marquee{
  width:100%;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff,#F8FFFC);
  border:1px solid var(--border);
  padding:18px 0;
  position:relative;
}
.partner-marquee:before,
.partner-marquee:after{
  content:"";
  position:absolute;
  top:0;
  width:90px;
  height:100%;
  z-index:2;
  pointer-events:none;
}
.partner-marquee:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.partner-marquee:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.partner-track{
  display:flex;
  gap:22px;
  width:max-content;
  animation:partnerSlide 34s linear infinite;
}
.partner-marquee.reverse .partner-track{animation-direction:reverse;animation-duration:30s}
.partner-marquee:hover .partner-track{animation-play-state:paused}
.logo-wide{
  flex:0 0 230px;
  height:112px;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--border);
  display:grid;
  place-items:center;
  padding:18px 24px;
  box-shadow:0 12px 28px rgba(18,52,59,.07);
  color:var(--muted);
  font-weight:900;
  text-align:center;
  letter-spacing:.02em;
}
.logo-wide img{max-width:100%;max-height:72px;object-fit:contain;display:block}
@keyframes partnerSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.social-icons{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}
.social-icons a{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  transition:.25s;
}
.social-icons a:hover{transform:translateY(-3px);background:linear-gradient(135deg,var(--green-dark),var(--green));color:var(--dark)}
.social-icons svg{width:20px;height:20px;fill:currentColor;display:block}
@media(max-width:560px){.card-image{height:160px}.logo-wide{flex-basis:190px;height:96px}.partner-track{gap:14px}}

/* ===== Logos separados REINICIA: empresas comprometidas y aliados ===== */
.logo-grid-real{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.logo-card-real{
  min-height:128px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 24px;
  box-shadow:0 12px 28px rgba(18,52,59,.07);
  position:relative;
  overflow:hidden;
}
.logo-card-real:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 0%,rgba(92,242,197,.13),transparent 38%);
  pointer-events:none;
}
.logo-card-real img{
  max-width:100%;
  max-height:78px;
  object-fit:contain;
  display:block;
  position:relative;
  z-index:2;
}
.logo-fallback-real{
  display:none;
  position:relative;
  z-index:2;
  width:100%;
  text-align:center;
  color:var(--dark);
  font-weight:950;
  letter-spacing:.02em;
  font-size:1rem;
  line-height:1.15;
}
.logo-fallback-real small{
  display:block;
  color:var(--green-dark);
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-top:8px;
}
.logo-card-real.logo-missing .logo-fallback-real{display:block;}
.logo-card-real.logo-missing img{display:none;}
.partner-block.members{border-top:6px solid var(--green-dark);}
.partner-block.allies{border-top:6px solid var(--yellow);}
@media(max-width:980px){.logo-grid-real{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.logo-grid-real{grid-template-columns:1fr}.logo-card-real{min-height:110px}}

h1,h2,h3,h4,h5,h6,.title,.titulo{font-family:'Avenir','Avenir Next','Montserrat',sans-serif !important;}
body,p,span,li,a,div,input,textarea,button,label{font-family:'Baloo 2',cursive !important;}

/* ===== Carruseles horizontales finales: Empresas miembro y Aliados estratégicos ===== */
.partner-split-marquee{gap:38px;}
.partner-block.members,
.partner-block.allies{
  overflow:hidden;
}
.logo-grid-real{display:none!important;}
.logo-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
  border-radius:26px;
  background:linear-gradient(135deg,#ffffff,#F8FFFC);
  border:1px solid var(--border);
  padding:22px 0;
  margin-top:8px;
}
.logo-marquee:before,
.logo-marquee:after{
  content:"";
  position:absolute;
  top:0;
  width:110px;
  height:100%;
  z-index:3;
  pointer-events:none;
}
.logo-marquee:before{left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%);}
.logo-marquee:after{right:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);}
.logo-marquee-track{
  display:flex;
  align-items:center;
  gap:26px;
  width:max-content;
  animation:logoMarqueeScroll 38s linear infinite;
  will-change:transform;
}
.logo-marquee.reverse .logo-marquee-track{
  animation-direction:reverse;
  animation-duration:32s;
}
.logo-marquee:hover .logo-marquee-track{animation-play-state:paused;}
.marquee-logo-card{
  flex:0 0 260px;
  height:122px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 30px rgba(18,52,59,.07);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px 30px;
  position:relative;
  overflow:hidden;
  transition:.25s;
}
.marquee-logo-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 0%,rgba(92,242,197,.13),transparent 42%);
  pointer-events:none;
}
.marquee-logo-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,167,126,.45);
  box-shadow:0 18px 38px rgba(18,52,59,.11);
}
.marquee-logo-card img{
  max-width:100%;
  max-height:78px;
  object-fit:contain;
  display:block;
  position:relative;
  z-index:2;
  filter:grayscale(100%);
  opacity:.82;
  transition:.25s;
}
.marquee-logo-card:hover img{
  filter:grayscale(0%);
  opacity:1;
}
.marquee-logo-card span{
  display:none;
  position:relative;
  z-index:2;
  color:var(--muted);
  font-weight:950;
  text-align:center;
  letter-spacing:.02em;
}
.marquee-logo-card.logo-missing img{display:none;}
.marquee-logo-card.logo-missing span{display:block;}
@keyframes logoMarqueeScroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media(max-width:720px){
  .logo-marquee{padding:18px 0;}
  .logo-marquee:before,.logo-marquee:after{width:58px;}
  .logo-marquee-track{gap:16px;animation-duration:30s;}
  .logo-marquee.reverse .logo-marquee-track{animation-duration:28s;}
  .marquee-logo-card{flex-basis:190px;height:96px;padding:16px 20px;}
  .marquee-logo-card img{max-height:58px;}
}

/* ===== Imágenes editables en los cuadros del slider ===== */
.hero-slide-visual.hero-slide-visual-image{
  padding:18px;
  align-content:center;
  gap:16px;
}
.hero-slide-image-frame{
  width:100%;
  aspect-ratio:1/1;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  display:grid;
  place-items:center;
}
.hero-slide-image-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hero-slide-image-placeholder{
  display:none;
  width:100%;
  height:100%;
  place-items:center;
  text-align:center;
  color:rgba(255,255,255,.72);
  font-weight:900;
  padding:22px;
  border:1px dashed rgba(255,255,255,.30);
}
.hero-slide-visual-copy{
  text-align:center;
}
.hero-slide-visual-copy strong{
  display:block;
  color:#fff;
  font-size:1.22rem;
  line-height:1.15;
}
.hero-slide-visual-copy span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.74);
  font-weight:650;
}
@media(max-width:900px){
  .hero-slide-visual.hero-slide-visual-image{max-width:420px;margin:20px auto 0;}
}

/* ===== AJUSTE PREMIUM COMPACTO SLIDER REINICIA + TIMELINE ===== */
.hero-slider{
  height:80vh!important;
  min-height:560px!important;
  max-height:650px!important;
  background:
    radial-gradient(circle at 74% 26%, rgba(92,242,197,.12), transparent 34%),
    radial-gradient(circle at 92% 78%, rgba(0,159,227,.08), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#F7FFFB 100%)!important;
  color:var(--dark)!important;
  overflow:hidden!important;
}
.hero-slider .hero-bg-grid{
  opacity:.035!important;
  background-image:linear-gradient(90deg,var(--green-dark) 1px,transparent 1px),linear-gradient(var(--green-dark) 1px,transparent 1px)!important;
  z-index:1!important;
}
.hero-slide:before{
  background:transparent!important;
}
.hero-slide-photo{
  opacity:.06!important;
  filter:saturate(.8)!important;
  transform:scale(1)!important;
}
.hero-slide.active .hero-slide-photo{
  transform:scale(1.02)!important;
}
.hero-slide-content{
  padding-top:54px!important;
}
.hero-slide-content .container{
  max-width:1320px!important;
  display:grid!important;
  grid-template-columns:42% 58%!important;
  gap:20px!important;
  align-items:center!important;
}
.hero-slider .eyebrow{
  color:var(--green-dark)!important;
  font-size:.68rem!important;
  margin-bottom:12px!important;
  letter-spacing:.10em!important;
}
.hero-slider h1{
  color:var(--dark)!important;
  font-size:clamp(2.2rem,4vw,4.5rem)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  max-width:650px!important;
  text-shadow:none!important;
  margin-bottom:16px!important;
}
.hero-slider h1 .serif{
  font-family:inherit!important;
  font-weight:900!important;
  color:var(--green-dark)!important;
}
.hero-slider p{
  color:#66757D!important;
  font-size:clamp(.95rem,1.05vw,1.1rem)!important;
  line-height:1.42!important;
  max-width:600px!important;
  margin-bottom:20px!important;
}
.hero-actions{
  gap:14px!important;
  margin-bottom:0!important;
}
.hero-slider .btn-primary,
.hero-slider .btn-light{
  padding:11px 20px!important;
  font-size:.9rem!important;
  min-height:44px!important;
}
.hero-slide-visual{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  width:min(620px,48vw)!important;
  max-width:620px!important;
  min-height:auto!important;
  aspect-ratio:1.05/1!important;
  justify-self:start!important;
  margin-left:-70px!important;
  padding:0!important;
  border-radius:42px!important;
  background:linear-gradient(145deg,#F2FFF9,#FFFFFF)!important;
  border:1px solid rgba(0,167,126,.16)!important;
  box-shadow:0 34px 90px rgba(18,52,59,.12)!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
.hero-slide-image-frame{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border-radius:42px!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
}
.hero-slide-image-frame img,
.hero-slide-image-frame video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:42px!important;
}
.reinicia-floating-icons{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
}
.reinicia-float-icon{
  position:absolute;
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,167,126,.18);
  box-shadow:0 18px 42px rgba(18,52,59,.14);
  font-size:1.35rem;
  animation:reiniciaFloat 6s ease-in-out infinite;
}
.reinicia-float-icon.icon-raee{left:-22px;top:16%;}
.reinicia-float-icon.icon-pilas{right:-22px;top:25%;animation-delay:1s;}
.reinicia-float-icon.icon-lamparas{left:16%;bottom:-20px;animation-delay:1.9s;}
@keyframes reiniciaFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-15px) rotate(4deg)}
}
.hero-dots{bottom:20px!important;}
.hero-arrows{right:32px!important;bottom:20px!important;}
.hero-arrow{
  width:40px!important;
  height:40px!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--dark)!important;
  border:1px solid rgba(18,52,59,.12)!important;
  box-shadow:0 12px 30px rgba(18,52,59,.10)!important;
}
.hero-dot{
  border-color:rgba(0,167,126,.28)!important;
  background:rgba(0,167,126,.10)!important;
}

/* Timeline estilo "Tu camino" */
.reinicia-journey-section{
  background:linear-gradient(180deg,#F4FFF9 0%,#FFFFFF 100%)!important;
}
.reinicia-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:22px;
  padding:22px 0 8px;
}
.reinicia-timeline:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:68px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(92,242,197,.28),rgba(0,159,227,.25));
}
.reinicia-timeline-progress{
  position:absolute;
  left:8%;
  top:68px;
  height:3px;
  width:84%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--yellow),var(--green),var(--blue));
  transform-origin:left;
  animation:timelineGrow 1.5s ease both;
}
.reinicia-timeline-item{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.reinicia-timeline-step{
  width:78px;
  height:78px;
  border-radius:50%;
  background:#fff;
  border:3px solid #DDEBE4;
  box-shadow:0 12px 34px rgba(18,52,59,.10);
  display:grid;
  place-items:center;
  position:relative;
  transition:.3s;
}
.reinicia-timeline-step span{
  position:absolute;
  top:-10px;
  right:-10px;
  background:linear-gradient(135deg,var(--green-dark),var(--green));
  color:var(--dark);
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:.75rem;
  font-weight:900;
}
.reinicia-timeline-step i{
  font-style:normal;
  font-size:1.55rem;
}
.reinicia-timeline-card{
  width:100%;
  margin-top:22px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  padding:22px 18px;
  box-shadow:0 12px 34px rgba(18,52,59,.05);
  transition:.25s;
}
.reinicia-timeline-card h3{
  color:var(--dark);
  font-size:1.08rem;
  margin-bottom:8px;
}
.reinicia-timeline-card p{
  color:var(--muted);
  font-size:.92rem;
  line-height:1.45;
}
.reinicia-timeline-item.active .reinicia-timeline-step,
.reinicia-timeline-item:hover .reinicia-timeline-step{
  background:linear-gradient(135deg,var(--green-dark),var(--green));
  border-color:transparent;
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(0,167,126,.22);
}
.reinicia-timeline-item.active .reinicia-timeline-card,
.reinicia-timeline-item:hover .reinicia-timeline-card{
  transform:translateY(-6px);
  box-shadow:var(--shadow);
  border-color:rgba(0,167,126,.42);
}
@keyframes timelineGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(max-height:820px) and (min-width:901px){
  .hero-slider{height:80vh!important;min-height:560px!important;max-height:640px!important;}
  .hero-slide-content{padding-top:42px!important;}
  .hero-slider h1{font-size:clamp(2.05rem,3.8vw,4.1rem)!important;margin-bottom:14px!important;}
  .hero-slider p{font-size:.96rem!important;line-height:1.36!important;margin-bottom:18px!important;}
  .hero-slide-visual{max-width:560px!important;width:min(560px,44vw)!important;}
}
@media(max-width:900px){
  .hero-slider{height:auto!important;min-height:100vh!important;max-height:none!important;}
  .hero-slide{padding:105px 0 105px!important;}
  .hero-slide-content{padding-top:20px!important;}
  .hero-slide-content .container{grid-template-columns:1fr!important;gap:30px!important;text-align:center!important;}
  .hero-slide-visual{width:min(420px,92vw)!important;max-width:420px!important;margin:20px auto 0!important;justify-self:center!important;}
  .hero-actions{justify-content:center!important;}
  .reinicia-floating-icons{display:none!important;}
  .hero-arrows{display:none!important;}
  .reinicia-timeline{grid-template-columns:1fr;gap:18px;padding-left:24px;}
  .reinicia-timeline:before,.reinicia-timeline-progress{left:37px;right:auto;top:22px;bottom:22px;width:3px;height:auto;}
  .reinicia-timeline-progress{height:calc(100% - 44px);animation:none;}
  .reinicia-timeline-item{display:grid;grid-template-columns:78px 1fr;gap:18px;text-align:left;align-items:center;}
  .reinicia-timeline-card{margin-top:0;}
}
@media(max-width:620px){
  .hero-slider h1{font-size:2.25rem!important;line-height:1.02!important;}
  .hero-slider p{font-size:.95rem!important;line-height:1.4!important;}
  .hero-slider .btn-primary,.hero-slider .btn-light{width:100%!important;}
  .hero-actions{width:100%!important;}
}

/* ===== FIX FINAL RESPONSIVE SLIDER REINICIA + FOTOS MÁS A LA DERECHA ===== */
/* Desktop: mueve la tarjeta visual/foto más hacia la derecha */
@media (min-width:901px){
  .hero-slide-content .container{
    grid-template-columns:45% 45%!important;
    gap:28px!important;
  }
  .hero-slide-visual{
    justify-self:end!important;
    margin-left:0!important;
    margin-right:10px!important;
    transform:translateX(28px)!important;
  }
}

/* Asegura que la imagen/video llene siempre el cuadro */
.hero-slide-image-frame,
.hero-slide-image-frame picture,
.hero-slide-image-frame img,
.hero-slide-image-frame video{
  display:block!important;
}
.hero-slide-image-frame img,
.hero-slide-image-frame video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Responsive: el slider deja de ser absoluto para que la imagen/video sí aparezca */
@media (max-width:900px){
  .hero-slider{
    height:auto!important;
    min-height:100vh!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .hero-slide{
    position:relative!important;
    inset:auto!important;
    display:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    min-height:100vh!important;
    padding:112px 0 112px!important;
    place-items:center!important;
  }
  .hero-slide.active{
    display:grid!important;
  }
  .hero-slide-content{
    padding-top:0!important;
  }
  .hero-slide-content .container{
    grid-template-columns:1fr!important;
    gap:28px!important;
    text-align:center!important;
  }
  .hero-slide-visual{
    position:relative!important;
    width:min(520px,92vw)!important;
    max-width:520px!important;
    aspect-ratio:1.08/1!important;
    margin:18px auto 0!important;
    transform:none!important;
    justify-self:center!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  .hero-slide-image-frame{
    width:100%!important;
    height:100%!important;
    min-height:300px!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    background:#fff!important;
  }
  .hero-slide-image-frame img,
  .hero-slide-image-frame video{
    width:100%!important;
    height:100%!important;
    min-height:300px!important;
    object-fit:cover!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .hero-actions{
    justify-content:center!important;
  }
  .hero-dots{
    position:absolute!important;
    bottom:22px!important;
    z-index:30!important;
  }
  .hero-arrows{
    display:none!important;
  }
}

@media (max-width:620px){
  .hero-slide{
    padding:104px 0 98px!important;
  }
  .hero-slide-visual{
    width:92vw!important;
    aspect-ratio:1/1!important;
  }
  .hero-slide-image-frame,
  .hero-slide-image-frame img,
  .hero-slide-image-frame video{
    min-height:250px!important;
    border-radius:30px!important;
  }
}

/* ===== Ajustes empresas comprometidas REINICIA v2 ===== */
.brand img{height:43.2px!important;max-height:38.4px!important;width:auto!important}
@media(max-width:1240px){.brand img{height:35.2px!important;max-height:35.2px!important}}
@media(max-width:560px){.brand img{height:35.2px!important;max-height:35.2px!important}}
.member-categories{display:grid;gap:30px}
.member-category{border-top:6px solid var(--green-dark);overflow:hidden}
.member-category-head{align-items:center}
.member-expand-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--border);background:#fff;color:var(--green-dark);border-radius:999px;padding:12px 17px;font:inherit;font-weight:900;cursor:pointer;transition:.25s;box-shadow:0 8px 22px rgba(18,52,59,.06)}
.member-expand-btn:hover{transform:translateY(-2px);border-color:rgba(0,167,126,.45);box-shadow:0 14px 30px rgba(18,52,59,.1)}
.member-expand-btn span{font-size:1.1rem;transition:transform .25s}
.member-expand-btn[aria-expanded="true"] span{transform:rotate(180deg)}
.member-expanded-list{margin-top:22px;border-top:1px solid var(--border);padding-top:22px;animation:memberListOpen .3s ease}
.member-expanded-list[hidden]{display:none!important}
.member-list-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.member-list-card{min-height:112px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;display:grid;place-items:center;box-shadow:0 8px 22px rgba(18,52,59,.05);transition:.25s;text-align:center;color:var(--dark)}
.member-list-card:hover{transform:translateY(-4px);border-color:rgba(0,167,126,.45);box-shadow:0 14px 30px rgba(18,52,59,.09)}
.member-list-card img{max-width:100%;max-height:72px;object-fit:contain;display:block}
.member-list-card strong{font-size:.88rem;line-height:1.2}
@keyframes memberListOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.member-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-category-head{display:flex}}
@media(max-width:720px){.member-category-head{display:block}.member-expand-btn{margin-top:18px}.member-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.member-list-grid{grid-template-columns:1fr}}

/* ===== Ajustes v3: enlaces, despliegue full page, aliados y blog temporal ===== */
.blog-preview-section[hidden]{display:none!important}
.links a[href="#blog"],
.mobile a[href="#blog"]{display:none!important}

.member-logo-card,
.member-list-card,
.ally-logo-card{
  text-decoration:none;
  cursor:pointer;
}
.member-logo-card:focus-visible,
.member-list-card:focus-visible,
.ally-logo-card:focus-visible{
  outline:3px solid rgba(0,167,126,.35);
  outline-offset:4px;
}

/* El listado abierto ocupa toda la pantalla */
.member-category.is-fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  padding:96px clamp(22px,4vw,72px) 48px!important;
  overflow-y:auto!important;
  background:linear-gradient(180deg,#ffffff 0%,#F4FFF9 100%)!important;
  box-shadow:none!important;
}
.member-category.is-fullscreen .partner-block-head{
  position:sticky;
  top:-96px;
  z-index:5;
  margin:-96px calc(clamp(22px,4vw,72px) * -1) 28px;
  padding:96px clamp(22px,4vw,72px) 22px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.member-category.is-fullscreen .logo-marquee{display:none!important}
.member-category.is-fullscreen .member-expanded-list{
  display:block!important;
  margin-top:0;
  border-top:0;
  padding-top:0;
}
.member-category.is-fullscreen .member-list-grid{
  width:100%;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  gap:24px;
}
.member-category.is-fullscreen .member-list-card{
  min-height:150px;
  padding:24px;
}
.member-category.is-fullscreen .member-list-card img{
  max-height:90px;
}
body.members-modal-open{overflow:hidden!important}

.allies-slider-block{
  border-top:6px solid var(--yellow)!important;
  background:linear-gradient(135deg,#ffffff,#FFFDF6)!important;
}
.allies-slider-block .partner-kicker{
  background:#fff6df;
  border-color:#f2d38b;
  color:#8a6400;
}
.ally-logo-card.logo-missing{
  border-style:dashed;
}
.ally-logo-card.logo-missing span{
  display:block;
  color:#8a6400;
}
.calc-reference-note{
  margin-top:10px;
  color:var(--muted);
  font-size:.82rem;
  font-weight:700;
  font-style:italic;
}
.calc-reference-note-result{
  margin-top:14px;
  text-align:right;
}
@media(max-width:720px){
  .member-category.is-fullscreen{
    padding:86px 18px 30px!important;
  }
  .member-category.is-fullscreen .partner-block-head{
    top:-86px;
    margin:-86px -18px 24px;
    padding:86px 18px 18px;
  }
  .member-category.is-fullscreen .member-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .member-category.is-fullscreen .member-list-card{
    min-height:120px;
    padding:16px;
  }
}
@media(max-width:420px){
  .member-category.is-fullscreen .member-list-grid{grid-template-columns:1fr}
}

/* ===== v4: Popup de listado completo de empresas comprometidas ===== */
.member-expanded-list{display:none!important}

.member-popup-overlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:13000;
  background:rgba(18,52,59,.68);
  backdrop-filter:blur(10px);
  padding:28px;
  align-items:center;
  justify-content:center;
}
.member-popup-overlay.active{display:flex}
.member-popup-dialog{
  width:min(1180px,96vw);
  max-height:90vh;
  background:linear-gradient(180deg,#ffffff 0%,#F7FFFB 100%);
  border:1px solid var(--border);
  border-radius:30px;
  box-shadow:0 34px 100px rgba(18,52,59,.35);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  animation:memberPopupIn .28s ease;
}
@keyframes memberPopupIn{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}
.member-popup-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  padding:26px 30px 22px;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.96);
}
.member-popup-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#e4f7ef;
  color:var(--green-dark);
  border:1px solid #bee8d5;
  border-radius:999px;
  padding:7px 11px;
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.member-popup-title{
  color:var(--dark);
  font-size:clamp(1.45rem,2.5vw,2.2rem);
  line-height:1.1;
  margin:0;
}
.member-popup-close{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--dark);
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(18,52,59,.08);
  transition:.25s;
}
.member-popup-close:hover{
  transform:rotate(4deg) scale(1.04);
  border-color:rgba(0,167,126,.45);
}
.member-popup-body{
  padding:26px 30px 32px;
  overflow-y:auto;
}
.member-popup-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  gap:18px;
}
.member-popup-grid .member-list-card{
  min-height:138px;
  padding:22px;
}
.member-popup-grid .member-list-card img{
  max-width:100%;
  max-height:86px;
  object-fit:contain;
}
body.member-popup-open{overflow:hidden!important}

/* Anula el comportamiento fullscreen anterior */
.member-category.is-fullscreen{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  border-radius:30px!important;
  padding:30px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 16px 46px rgba(18,52,59,.07)!important;
}
.member-category.is-fullscreen .partner-block-head{
  position:static!important;
  margin:0 0 24px!important;
  padding:0!important;
  background:transparent!important;
  border-bottom:0!important;
}
.member-category.is-fullscreen .logo-marquee{display:block!important}
.member-category.is-fullscreen .member-expanded-list{display:none!important}

@media(max-width:720px){
  .member-popup-overlay{padding:12px}
  .member-popup-dialog{width:100%;max-height:94vh;border-radius:24px}
  .member-popup-head{padding:20px 18px 16px}
  .member-popup-body{padding:18px}
  .member-popup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .member-popup-grid .member-list-card{min-height:112px;padding:14px}
  .member-popup-grid .member-list-card img{max-height:68px}
}
@media(max-width:430px){
  .member-popup-grid{grid-template-columns:1fr}
}

/* ===== v5: Formulario Zoho Forms dentro del popup Diagnóstico REP ===== */
.zoho-form-popup{
  max-width:760px!important;
  max-height:94vh!important;
  display:flex;
  flex-direction:column;
  overflow:hidden!important;
}
.zoho-form-popup-head{
  padding:28px 32px 22px!important;
}
.zoho-form-eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:rgba(18,52,59,.72);
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.zoho-form-popup-head h3{
  margin-bottom:7px!important;
}
.zoho-form-popup-head p{
  max-width:620px;
  line-height:1.45;
}
.zoho-form-embed{
  padding:0!important;
  overflow:auto;
  background:#fff;
}
.zoho-form-embed iframe{
  display:block;
  width:100%;
  height:560px;
  min-height:560px;
  border:0;
  background:#fff;
}
.zoho-form-privacy{
  padding:13px 28px 16px;
  border-top:1px solid var(--border);
  background:#F8FFFC;
  color:var(--muted);
  font-size:.78rem;
  text-align:center;
  line-height:1.4;
}
#zohoPopup[aria-hidden="true"]{display:none}
#zohoPopup.active[aria-hidden="false"]{display:flex}
@media(max-width:620px){
  .zoho-popup-overlay{padding:12px}
  .zoho-form-popup{
    max-height:96vh!important;
    border-radius:22px!important;
  }
  .zoho-form-popup-head{
    padding:24px 22px 18px!important;
  }
  .zoho-form-embed iframe{
    height:590px;
    min-height:590px;
  }
  .zoho-form-privacy{
    padding:11px 18px 13px;
  }
}

/* ===== Blog REINICIA conectado automáticamente con WordPress ===== */
.blog-preview-section,
.blog-preview-section[hidden]{
  display:block!important;
  background:#fff;
}
.links a[href="#blog"],
.mobile a[href="#blog"]{
  display:inline-flex!important;
}
.mobile a[href="#blog"]{
  display:block!important;
}
.blog-grid{
  align-items:stretch;
}
.blog-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.blog-image{
  position:relative;
  height:220px;
  overflow:hidden;
  padding:0;
  background:linear-gradient(135deg,#E4F7EF,#FDF7DE);
}
.blog-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.blog-card:hover .blog-image img{
  transform:scale(1.045);
}
.blog-content{
  display:flex;
  flex-direction:column;
  flex:1;
}
.blog-content .btn{
  align-self:flex-start;
  margin-top:auto;
}
.blog-meta{
  display:block;
  color:var(--green-dark);
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.blog-content h3{
  font-size:1.28rem;
}
.blog-content p{
  flex:1;
}
.blog-image-loading{
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent),
    linear-gradient(135deg,#E4F7EF,#FDF7DE);
  background-size:220px 100%,100% 100%;
  animation:blogLoading 1.25s linear infinite;
}
.blog-card-loading{
  grid-column:1/-1;
}
.blog-error{
  grid-column:1/-1;
  text-align:center;
  background:#F8FFFC;
  border:1px solid var(--border);
  border-radius:26px;
  padding:34px;
  color:var(--muted);
}
@keyframes blogLoading{
  from{background-position:-220px 0,0 0}
  to{background-position:calc(100% + 220px) 0,0 0}
}
@media(max-width:980px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .blog-grid{grid-template-columns:1fr}
  .blog-image{height:210px}
}
