/* ==========================================================
   1.1.1 · FULL WIDTH / COMPACT RESPONSIVE
   Corrige contenedores de tema sin tocar la cabecera global.
   ========================================================== */
body.eco-reserve-pro-fullwidth{
  overflow-x:hidden;
}
body.eco-reserve-pro-fullwidth #inner-wrap,
body.eco-reserve-pro-fullwidth #primary,
body.eco-reserve-pro-fullwidth .site-content,
body.eco-reserve-pro-fullwidth .content-area,
body.eco-reserve-pro-fullwidth .site-main,
body.eco-reserve-pro-fullwidth .content-container,
body.eco-reserve-pro-fullwidth .content-wrap,
body.eco-reserve-pro-fullwidth .entry,
body.eco-reserve-pro-fullwidth .entry-content,
body.eco-reserve-pro-fullwidth .entry-content-wrap,
body.eco-reserve-pro-fullwidth .content-bg{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
body.eco-reserve-pro-fullwidth .site-content{
  display:block!important;
  min-height:0!important;
}
body.eco-reserve-pro-fullwidth .content-container{
  display:block!important;
}
body.eco-reserve-pro-fullwidth .entry-content{
  overflow:visible!important;
}
body.eco-reserve-pro-fullwidth article.page,
body.eco-reserve-pro-fullwidth article.type-page{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
}
body.eco-reserve-pro-fullwidth .erp-page{
  width:100%;
  max-width:none;
  margin:0;
}


.eco-reserve-pro-page .entry-header,
.eco-reserve-pro-page .page-header{display:none!important}
.eco-reserve-pro-page .content-area,
.eco-reserve-pro-page .site-main,
.eco-reserve-pro-page .entry-content,
.eco-reserve-pro-page .content-wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}

.erp-page,.erp-page *{box-sizing:border-box}
.erp-page{position:relative;overflow:hidden;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:var(--erp-n)}
.erp-shell{width:min(1180px,calc(100% - 34px));margin:auto}
.erp-bg-grid{position:absolute;inset:0 0 auto;height:840px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(#000,transparent)}
.erp-orb{position:absolute;border-radius:50%;pointer-events:none}
.erp-orb.one{width:480px;height:480px;right:-180px;top:-100px;background:radial-gradient(circle,rgba(25,169,116,.18),transparent 68%)}
.erp-orb.two{width:380px;height:380px;left:-190px;top:460px;background:radial-gradient(circle,rgba(20,119,255,.13),transparent 68%)}

.erp-hero{position:relative;padding:88px 0 72px;background:linear-gradient(145deg,var(--erp-n),var(--erp-n2))}
.erp-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);gap:58px;align-items:center}
.erp-badge{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(25,169,116,.35);background:rgba(25,169,116,.08);color:#73df9f;font-size:9px;font-weight:900;letter-spacing:.13em}
.erp-eyebrow{display:block;margin-top:22px;color:#7ee043;font-size:10px;font-weight:900;letter-spacing:.15em}
.erp-copy h1{margin:10px 0 18px;font-size:clamp(46px,6.2vw,76px);line-height:.98;letter-spacing:-.055em}
.erp-copy h1 span{background:linear-gradient(90deg,var(--erp-a),#39d7a3,var(--erp-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.erp-copy>p{max-width:690px;margin:0;color:#bad0cf;font-size:18px;line-height:1.7}
.erp-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 20px}
.erp-btn{min-height:53px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border-radius:14px;text-decoration:none!important;font-weight:900;transition:.2s ease}
.erp-btn:hover{transform:translateY(-2px)}
.erp-btn.primary{color:#fff!important;background:linear-gradient(100deg,var(--erp-a),var(--erp-b));box-shadow:0 16px 35px rgba(20,119,255,.18)}
.erp-btn.ghost{color:#e8f2f2!important;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04)}
.erp-btn.ghost.dark{color:#17304e!important;border-color:#cfdae5;background:#fff}
.erp-audience{max-width:680px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.erp-audience span{color:#77d998;font-size:9px;font-weight:900;letter-spacing:.12em}
.erp-audience p{margin:6px 0 0;color:#8fa5a5;font-size:12px;line-height:1.6}

.erp-main-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 80px rgba(0,0,0,.3)}
.erp-mock{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(13,48,46,.96),rgba(5,21,23,.96));box-shadow:0 35px 80px rgba(0,0,0,.3);transform:perspective(1200px) rotateY(-4deg)}
.erp-mock>header{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 16px}
.erp-mock>header small,.erp-mock>header strong{display:block}
.erp-mock>header small{color:#79df9f;font-size:8px;font-weight:900;letter-spacing:.1em}
.erp-mock>header strong{margin-top:4px;font-size:20px}
.erp-mock>header>span{padding:6px 9px;border-radius:999px;background:rgba(25,169,116,.13);color:#75dea0;font-size:9px;font-weight:900}
.erp-mock-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.erp-mock-stats article{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.04)}
.erp-mock-stats small,.erp-mock-stats strong,.erp-mock-stats span{display:block}
.erp-mock-stats small{color:#8da4a6;font-size:9px}
.erp-mock-stats strong{margin:5px 0;font-size:18px}
.erp-mock-stats span{color:#698384;font-size:9px}
.erp-calendar{margin-top:10px;padding:14px;border-radius:16px;background:rgba(255,255,255,.035)}
.erp-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.erp-calendar-head span{color:#7fcfa6;font-size:9px}
.erp-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.erp-calendar-days i{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:rgba(255,255,255,.045);color:#c7d7d7;font-size:9px;font-style:normal}
.erp-calendar-days i.hold{background:rgba(20,119,255,.19);color:#91bbff}
.erp-calendar-days i.busy{background:rgba(25,169,116,.21);color:#82e2aa}
.erp-calendar-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px;color:#789091;font-size:8px}
.erp-calendar-legend span{display:flex;align-items:center;gap:5px}
.erp-calendar-legend b{width:7px;height:7px;border-radius:3px;background:rgba(255,255,255,.12)}
.erp-calendar-legend b.hold{background:#1477ff}
.erp-calendar-legend b.busy{background:#19a974}

.erp-problem,.erp-results,.erp-system,.erp-sectors,.erp-pricing,.erp-faq{padding:76px 0}
.erp-problem{background:#f5f8fb;color:#102b4b}
.erp-results{background:#fff;color:#102b4b}
.erp-flow{padding:76px 0;background:#071b1a}
.erp-system{background:#f5f8fb;color:#102b4b}
.erp-sectors{background:#fff;color:#102b4b}
.erp-pricing{background:#eef6f4;color:#102b4b}
.erp-faq{background:#f7fafc;color:#102b4b}
.erp-section-head{max-width:810px;margin-bottom:29px}
.erp-section-head>span{color:var(--erp-a);font-size:10px;font-weight:900;letter-spacing:.14em}
.erp-section-head h2{margin:9px 0 0;font-size:clamp(31px,4vw,52px);line-height:1.05;letter-spacing:-.04em}
.erp-section-head>p{margin:12px 0 0;color:#718397;line-height:1.65}

.erp-four{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.erp-four article{padding:22px;border:1px solid #dce7ef;border-radius:19px;background:#fff;box-shadow:0 12px 28px rgba(16,43,75,.055)}
.erp-four article>b{color:var(--erp-a);font-size:10px}
.erp-four h3{margin:13px 0 8px;font-size:20px;letter-spacing:-.025em}
.erp-four p{margin:0;color:#6f8295;line-height:1.55}
.erp-four.results article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e9f8f1;color:var(--erp-a);font-weight:900}
.erp-result{margin-top:18px;padding:22px;border-radius:19px;border:1px solid #cce4dc;background:linear-gradient(100deg,#eefaf5,#eef5ff)}
.erp-result small,.erp-result strong{display:block}
.erp-result small{color:var(--erp-a);font-size:9px;font-weight:900;letter-spacing:.12em}
.erp-result strong{margin-top:6px;font-size:22px}

.erp-flow .erp-section-head h2{color:#fff}
.erp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.erp-steps article{padding:25px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.04)}
.erp-steps b{color:#75de9e;font-size:11px}
.erp-steps h3{margin:15px 0 8px;font-size:24px}
.erp-steps p{margin:0;color:#9bb2b3;line-height:1.6}

.erp-system-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:40px;align-items:center}
.erp-system-copy>span{color:var(--erp-a);font-size:10px;font-weight:900;letter-spacing:.14em}
.erp-system-copy h2{font-size:clamp(31px,4vw,50px);line-height:1.05;letter-spacing:-.04em}
.erp-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.erp-benefits span{padding:11px 12px;border:1px solid #dbe5ed;border-radius:12px;background:#fff;color:#466077;font-size:12px;font-weight:800}
.erp-system-visual img,.erp-system-placeholder{display:block;width:100%;aspect-ratio:16/10;border-radius:24px;border:1px solid #dbe5ed;background:#fff;box-shadow:0 20px 45px rgba(16,43,75,.10);object-fit:cover}
.erp-system-placeholder{display:grid;place-items:center;align-content:center;text-align:center;padding:24px}
.erp-system-placeholder>span{color:var(--erp-a);font-size:9px;font-weight:900;letter-spacing:.12em}
.erp-system-placeholder>strong{margin:8px 0;font-size:25px}
.erp-system-placeholder>p{max-width:430px;margin:0;color:#8092a4}
.erp-mini-ui{width:min(420px,90%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
.erp-mini-ui i,.erp-mini-ui b{height:55px;border-radius:11px;background:#edf4f8}
.erp-mini-ui b{grid-column:span 2;height:85px}
.erp-mini-ui b:last-child{grid-column:span 1}

.erp-sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.erp-sector-grid article{position:relative;padding:22px;border:1px solid #dfe8ef;border-radius:18px;background:#fff}
.erp-sector-grid article>span{color:var(--erp-a);font-size:10px;font-weight:900}
.erp-sector-grid h3{margin:12px 0 8px;font-size:20px}
.erp-sector-grid p{margin:0;color:#718397;line-height:1.55}

.erp-payment-source{margin-top:8px}
.erp-pricing-fallback{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.erp-pricing-fallback article{padding:24px;border:1px solid #cadfd9;border-radius:20px;background:#fff}
.erp-pricing-fallback small{color:var(--erp-a);font-size:9px;font-weight:900;letter-spacing:.12em}
.erp-pricing-fallback h3{font-size:25px}
.erp-pricing-fallback p{color:#718397;line-height:1.6}

.erp-faq-grid{display:grid;grid-template-columns:.55fr 1fr;gap:42px}
.erp-faq-list{display:grid;gap:10px}
.erp-faq-list details{border:1px solid #dce6ee;border-radius:15px;background:#fff}
.erp-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;cursor:pointer;font-weight:850;list-style:none}
.erp-faq-list summary::-webkit-details-marker{display:none}
.erp-faq-list summary span{font-size:22px;color:var(--erp-a)}
.erp-faq-list details[open] summary span{transform:rotate(45deg)}
.erp-faq-list details p{margin:0;padding:0 18px 18px;color:#708296;line-height:1.65}

.erp-final{padding:72px 0;background:#061716}
.erp-final-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px;border:1px solid rgba(255,255,255,.11);border-radius:25px;background:linear-gradient(120deg,rgba(255,255,255,.04),rgba(25,169,116,.08))}
.erp-final-box>div{max-width:760px}
.erp-final-box span{color:#75df9e;font-size:9px;font-weight:900;letter-spacing:.13em}
.erp-final-box h2{margin:10px 0 8px;font-size:34px}
.erp-final-box p{margin:0;color:#9eb4b5;line-height:1.6}

.erp-js .erp-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.erp-js .erp-reveal.is-visible{opacity:1;transform:none}

@media(max-width:960px){
  .erp-hero-grid,.erp-system-grid{grid-template-columns:1fr}
  .erp-visual{max-width:720px}
  .erp-four{grid-template-columns:repeat(2,1fr)}
  .erp-sector-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .erp-hero{padding:58px 0 48px}
  .erp-copy h1{font-size:44px}
  .erp-copy>p{font-size:16px}
  .erp-mock{transform:none}
  .erp-four,.erp-steps,.erp-sector-grid,.erp-pricing-fallback{grid-template-columns:1fr}
  .erp-system-grid,.erp-faq-grid{grid-template-columns:1fr}
  .erp-benefits{grid-template-columns:1fr}
  .erp-problem,.erp-results,.erp-flow,.erp-system,.erp-sectors,.erp-pricing,.erp-faq{padding:54px 0}
  .erp-final-box{align-items:flex-start;flex-direction:column;padding:25px}
  .erp-final-box .erp-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .erp-js .erp-reveal{opacity:1;transform:none;transition:none}
}


/* ==========================================================
   1.1.1 · Compact premium spacing
   ========================================================== */
.erp-page{
  width:100%;
  max-width:none;
  margin:0;
}
.erp-shell{
  width:min(1240px,calc(100% - 40px));
}
.erp-hero{
  padding:64px 0 54px;
}
.erp-hero-grid{
  gap:42px;
}
.erp-copy h1{
  margin:9px 0 15px;
  font-size:clamp(44px,5.7vw,70px);
}
.erp-copy>p{
  font-size:17px;
  line-height:1.58;
}
.erp-actions{
  margin:22px 0 16px;
}
.erp-btn{
  min-height:50px;
}
.erp-audience{
  padding-top:13px;
}
.erp-problem,
.erp-results,
.erp-system,
.erp-sectors,
.erp-pricing,
.erp-faq,
.erp-flow{
  padding-top:62px;
  padding-bottom:62px;
}
.erp-section-head{
  margin-bottom:24px;
}
.erp-four article{
  padding:19px;
}
.erp-final{
  padding:58px 0;
}

/* Tablet / iPad */
@media (min-width:701px) and (max-width:1024px){
  .erp-shell{
    width:min(930px,calc(100% - 32px));
  }
  .erp-hero{
    padding:52px 0 46px;
  }
  .erp-hero-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .erp-copy{
    max-width:820px;
  }
  .erp-copy h1{
    font-size:clamp(46px,7vw,62px);
  }
  .erp-visual{
    width:100%;
    max-width:760px;
  }
  .erp-mock{
    transform:none;
  }
  .erp-four{
    grid-template-columns:repeat(2,1fr);
  }
  .erp-sector-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .erp-system-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
}

/* Mobile */
@media (max-width:700px){
  body.eco-reserve-pro-fullwidth .site-content,
  body.eco-reserve-pro-fullwidth .content-container,
  body.eco-reserve-pro-fullwidth .content-area,
  body.eco-reserve-pro-fullwidth .site-main,
  body.eco-reserve-pro-fullwidth .entry,
  body.eco-reserve-pro-fullwidth .entry-content,
  body.eco-reserve-pro-fullwidth .entry-content-wrap{
    margin:0!important;
    padding:0!important;
  }

  .erp-shell{
    width:calc(100% - 24px);
  }
  .erp-hero{
    padding:34px 0 30px;
  }
  .erp-hero-grid{
    gap:22px;
  }
  .erp-badge{
    padding:7px 10px;
    font-size:8px;
    letter-spacing:.11em;
  }
  .erp-eyebrow{
    margin-top:16px;
    font-size:9px;
  }
  .erp-copy h1{
    margin:7px 0 13px;
    font-size:clamp(37px,10.7vw,48px);
    line-height:.98;
    letter-spacing:-.05em;
  }
  .erp-copy>p{
    font-size:15px;
    line-height:1.5;
  }
  .erp-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin:18px 0 14px;
  }
  .erp-btn{
    width:100%;
    min-height:48px;
    padding:0 15px;
    border-radius:13px;
    font-size:15px;
  }
  .erp-audience{
    padding-top:11px;
  }
  .erp-audience p{
    margin-top:4px;
    font-size:10px;
    line-height:1.5;
  }
  .erp-visual{
    width:100%;
  }
  .erp-main-image,
  .erp-mock{
    border-radius:20px;
  }
  .erp-mock{
    padding:13px;
  }
  .erp-mock-stats{
    gap:7px;
  }
  .erp-mock-stats article{
    padding:11px;
  }
  .erp-mock-stats strong{
    font-size:15px;
  }
  .erp-calendar{
    padding:11px;
  }
  .erp-problem,
  .erp-results,
  .erp-system,
  .erp-sectors,
  .erp-pricing,
  .erp-faq,
  .erp-flow{
    padding:42px 0;
  }
  .erp-section-head{
    margin-bottom:19px;
  }
  .erp-section-head h2{
    font-size:30px;
    line-height:1.08;
  }
  .erp-four{
    gap:10px;
  }
  .erp-four article{
    padding:17px;
    border-radius:16px;
  }
  .erp-four h3{
    font-size:18px;
  }
  .erp-four p{
    font-size:13px;
  }
  .erp-steps{
    gap:10px;
  }
  .erp-steps article{
    padding:19px;
  }
  .erp-steps h3{
    font-size:21px;
  }
  .erp-benefits{
    gap:7px;
  }
  .erp-benefits span{
    padding:10px;
    font-size:11px;
  }
  .erp-sector-grid{
    gap:10px;
  }
  .erp-sector-grid article{
    padding:17px;
  }
  .erp-faq-grid{
    gap:22px;
  }
  .erp-final{
    padding:42px 0;
  }
  .erp-final-box{
    padding:20px;
    border-radius:19px;
  }
  .erp-final-box h2{
    font-size:28px;
  }
}

/* Small phones */
@media (max-width:390px){
  .erp-shell{
    width:calc(100% - 18px);
  }
  .erp-hero{
    padding-top:28px;
  }
  .erp-copy h1{
    font-size:35px;
  }
  .erp-copy>p{
    font-size:14px;
  }
}