/* AGENDARTE v29 · Dirección de arte comercial/editorial
   Aplique solo sobre index.html. Sin modificaciones en servicios, reservas o Auth. */
:root {
 --blue:#0962ce; --blue2:#167be6; --navy:#092750; --navy2:#0a376d;
 --sky:#eaf4ff; --orange:#ffa543; --cream:#fffaf3;
 --v29-soft:#eff6ff; --v29-dusk:#06295a;
}
body{font-feature-settings:"kern";background:#fff;color:#0d2950}
.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.025em;font-size:1.11em;line-height:.97}
.logo{font-size:31px;letter-spacing:-.077em}
.top-note{background:#09234b;min-height:29px;height:auto;padding:5px 14px;letter-spacing:.10em}
.top-note strong{color:#ffc784}
.site-header{box-shadow:0 6px 22px rgba(3,30,75,.045)}
.site-header .nav{min-height:69px}
.nav-links{gap:19px;font-weight:800}
.header-action{background:var(--blue);border-radius:13px}
.header-action:hover{background:#024eb0}

/* Brand hero: deep cobalt with light and graphic depth, more confident leading */
.hero{
 background:radial-gradient(ellipse at 83% 29%,rgba(132,196,253,.36),transparent 38%),
            radial-gradient(ellipse at 48% 110%,rgba(16,133,229,.3),transparent 40%),
            linear-gradient(115deg,#061f47 0%,#084eaa 52%,#126bd3 100%);
}
.hero::before{width:820px;height:820px;right:-270px;top:-515px;border:1px solid rgba(255,255,255,.13);background:transparent;box-shadow:0 0 0 80px rgba(255,255,255,.035),0 0 0 185px rgba(255,255,255,.024)}
.hero::after{width:390px;height:390px;left:30%;bottom:-300px;background:rgba(93,180,255,.15)}
.hero .container{gap:42px;padding-block:58px 73px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.hero h1{font-size:clamp(42px,4.15vw,66px);line-height:1.06;max-width:670px;letter-spacing:-.063em;margin:19px 0 19px}
.hero h1 .serif{color:#ffc080;white-space:normal}
.hero-text>p:not(.trustline){font-size:clamp(14px,1.23vw,16px);line-height:1.65;color:#dcecff}
.eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);color:#dfefff;font-size:10px}
.hero-actions{margin-top:25px}
.hero .btn-blue{background:#ffab52;color:#082a57;border-color:#ffb65d}
.hero .btn-blue:hover{background:#ffc077}
.hero .btn-white{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.hero-showcase{transform:rotate(-.6deg);border:1px solid rgba(255,255,255,.64);box-shadow:0 26px 65px rgba(0,18,60,.29);background:#f5faff}
.email-product-overlay{border:1px solid rgba(5,60,132,.12)}
.email-product-icon{background:#108d7b}
.proof{margin-top:-31px}
.proof-card{max-width:960px;border-radius:20px;box-shadow:0 20px 40px rgba(8,45,93,.13)}
.proof-number{font-size:28px;color:#0759bf}

/* Tighter blocks; typography carries the message */
.block{padding:56px 0}
.section-intro h2{font-size:clamp(34px,3.4vw,48px);line-height:1.10;letter-spacing:-.047em}
.section-intro .serif{color:#0862c7}
.block .section-intro{margin-bottom:25px}
.section-intro>p{font-size:13px}
#funciones{background:#fff}
.retention-grid{gap:13px}
.ret-card{border-color:#dbe8f5;border-radius:19px;padding:19px 19px 21px;min-height:166px;box-shadow:0 8px 25px rgba(8,48,94,.045)}
#funciones .ret-card:first-child{background:linear-gradient(145deg,#e7f3ff,#f7fbff);border-color:#b9daf7}
.ret-icon{background:#e0f0ff;border:1px solid #d4e8fc;color:#075ebf}
.ret-card h3{font-size:16px;letter-spacing:-.02em}

/* Brand story / photo art direction */
.block.soft{background:linear-gradient(180deg,#edf6ff 0%,#e7f3fd 100%)}
#rubros .section-intro{max-width:820px}
.rubros{gap:16px}
.rubro{position:relative;border:1px solid #d3e4f3;border-radius:22px;box-shadow:0 11px 24px rgba(4,46,94,.09);overflow:hidden}
.rubro:hover{transform:translateY(-5px);box-shadow:0 19px 33px rgba(8,45,92,.15)}
.rubro-visual{height:181px;background:#ddebf6!important}
.rubro-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.025);transition:transform .4s,filter .4s}
.rubro-visual::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,73,.21) 0%,rgba(7,31,73,.025) 45%,transparent 78%),linear-gradient(0deg,rgba(7,49,95,.15),transparent 35%)}
.rubro:hover .rubro-visual img{transform:scale(1.045);filter:saturate(.99) contrast(1.035)}
.corner-tag{top:13px;left:13px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.96);border-radius:10px;font-size:9px;color:#06376a;box-shadow:0 4px 18px rgba(7,33,80,.18)}
.corner-tag::before{content:'';width:7px;height:7px;border-radius:50%;background:#ff9d37;flex:0 0 7px}
.rubro-number{position:absolute;z-index:2;bottom:10px;right:14px;color:#fff;font:700 10px 'DM Sans',sans-serif;letter-spacing:.12em;text-shadow:0 1px 6px #041a3c}
.rubro-body{padding:18px 20px 21px;border-top:3px solid #0b65c8}
.rubro h3{font-size:19px;letter-spacing:-.027em;margin-bottom:6px}
.rubro p{color:#496780;font-size:12px;min-height:36px;line-height:1.56;margin-bottom:10px}
.text-link{font-weight:800;font-size:12px;color:#075dbb}
.text-link:hover{color:#03407d}

/* Blue conversion feature; not a mock functional app */
.brand-ribbon{margin-top:23px;background:radial-gradient(ellipse at 100% 0%,#287fd4 0%,transparent 48%),linear-gradient(115deg,#07346d,#0a63c2);border-radius:26px;display:grid;grid-template-columns:1.12fr .88fr;gap:26px;padding:34px 36px;box-shadow:0 23px 39px rgba(5,48,102,.18);color:#fff;overflow:hidden;position:relative}
.brand-ribbon::before{content:'';position:absolute;width:280px;height:280px;right:-85px;bottom:-225px;border-radius:50%;border:1px solid #ffffff35;box-shadow:0 0 0 55px #ffffff0c}
.brand-ribbon-copy,.brand-ribbon-features{position:relative;z-index:1}
.brand-ribbon-kicker{display:block;color:#bfe1ff;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:9px}
.brand-ribbon h3{font:800 clamp(26px,3vw,38px)/1.08 'Outfit',sans-serif;letter-spacing:-.048em;color:#fff;margin:0 0 10px}
.brand-ribbon h3 em{font:italic 400 1.18em/.9 'Instrument Serif',Georgia,serif;color:#ffc88f;white-space:nowrap}
.brand-ribbon p{color:#dbeeff;font-size:13px;line-height:1.62;max-width:500px;margin:0 0 19px}
.brand-ribbon .btn{background:white;color:#0754ae;border-radius:11px;font-size:12px;font-weight:800}
.brand-ribbon-features{display:grid;align-content:center;gap:10px}
.ribbon-micro{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:11px 14px;backdrop-filter:blur(3px)}
.ribbon-micro>span{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff2;color:#ffbd79;font:800 12px 'DM Sans',sans-serif}
.ribbon-micro strong{display:block;color:#fff;font-size:12px}
.ribbon-micro small{display:block;color:#d3e8fc;font-size:10.5px;margin-top:3px}

/* Alternate sections with blue blocks */
.block.retention{background:linear-gradient(114deg,#061b43 0%,#083f84 55%,#0d67c5 100%)}
.retention .ret-card{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.11);border-radius:18px}
.retention .ret-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.17)}
.retention .section-intro .serif,.pricing .section-intro .serif{color:#ffca90}
#como-funciona{background:linear-gradient(180deg,#fff,#f5faff)}
.step{border-radius:18px;padding:19px 21px;box-shadow:0 7px 20px rgba(8,51,101,.04);border-top:3px solid #1573d7}
.step:first-child{border-top-color:#fba54d}
.step-no{font-size:33px}
.step h3{font-size:19px}

/* Pricing section reworked to feel closer to the rubros/photo block */
#precios{scroll-margin-top:120px}
.block.pricing{background:linear-gradient(180deg,#eaf4ff 0%,#f6fbff 54%,#ffffff 100%)}
.pricing .section-intro{max-width:860px;margin:0 auto 28px;text-align:center}
.pricing .section-intro .kicker{background:#dcecff;color:#0b4fa0}
.pricing .section-intro h2{max-width:950px}
.pricing .section-intro p{color:#59738f}
.tiers-grid{gap:18px;align-items:stretch}
.tier-card{border-radius:26px;padding:24px 23px 21px;background:#fff;border:1px solid #dbe8f3;box-shadow:0 16px 34px rgba(4,32,89,.08);position:relative;overflow:hidden}
.tier-card::before{content:'';position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#0b63c7,#72b3ff)}
.tier-card.tier-featured{border:2px solid #ffb361;background:linear-gradient(180deg,#f2f9ff,#ffffff 72%);transform:translateY(-6px);box-shadow:0 22px 40px rgba(0,27,70,.14)}
.tier-card.tier-featured::before{background:linear-gradient(90deg,#f29a33,#ffca7d)}
.tier-badge{font-size:10px;padding:7px 12px;letter-spacing:.08em;background:#edf5ff;color:#0b4fa0}
.tier-badge-featured{background:#ffae53;color:#092c52;box-shadow:0 7px 15px #e690363b}
.tier-card h3{font-size:30px;margin-top:17px}
.tier-tag{font-size:12px;color:#597088;min-height:20px}
.tier-price{font-size:clamp(36px,3.2vw,45px);margin:18px 0 0}
.tier-value{margin:2px 0 5px;font-size:12px}
.tier-trial{font-size:11px;margin-bottom:12px}
.tier-audience{font-size:12px;min-height:38px;color:#4d667f}
.tier-features{list-style:none;margin:2px 0 19px!important;padding:0!important;border-top:1px solid #d4e4f0}
.tier-features li{position:static!important;display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:9px 0!important;border-top:0;border-bottom:1px solid #e1eaf2;line-height:1.45;font-size:12px;color:#234463;min-height:39px}
.tier-features li::before{content:'✓';position:static!important;left:auto!important;top:auto!important;flex:none;display:grid;place-items:center;width:21px;min-width:21px;height:21px;margin:0!important;border-radius:50%;background:#e7f2ff;color:#0965c9;font:900 12px/1 'DM Sans',Arial,sans-serif;box-sizing:border-box}
.tier-features li strong{color:#123b67;font-weight:800}
.tier-card>.btn{margin-top:auto;border-radius:14px;justify-content:center;font-size:12px;padding:12px 13px;line-height:1.3}
.tier-featured .btn-orange{background:#f3a445;color:#092c52}
.tier-small{font-size:10px;color:#68809a}
.pricing .plans-disclosure,.pricing .plans-final{max-width:975px;margin:34px auto 0;padding:22px 28px;border:1px solid #dbe8f2;border-radius:24px;background:#f7fbff;color:#294c6d;text-align:center;box-shadow:0 14px 30px rgba(8,40,81,.08)}
.pricing .plans-disclosure strong,.pricing .plans-final strong{font-size:14px;font-weight:900;color:#082c58;display:block;margin:0 0 5px}
.pricing .plans-disclosure p,.pricing .plans-final p{font-size:12px;line-height:1.6;color:#345a7d;margin:5px auto!important;max-width:810px}

/* Text and actions */
#preguntas{background:#fff}
.faq{box-shadow:0 13px 28px rgba(9,52,103,.055)}
.faq summary{font-size:13px;padding-block:15px}
.end-cta{background:linear-gradient(110deg,#051e45 0%,#063776 100%);padding:55px 0}
.end-cta .serif{color:#ffc585}
.footer{background:#06172d}

@media(max-width:1020px){
 .hero .container{gap:24px}
 .rubros{gap:12px}
 .rubro-visual{height:166px}
 .brand-ribbon{padding:28px;gap:20px}
 .tier-card{padding:21px 18px}
}
@media(max-width:760px){
 .site-header .nav{min-height:61px}
 .hero .container{grid-template-columns:1fr;padding-block:43px 48px;gap:32px}
 .hero h1{font-size:clamp(39px,8.8vw,57px);line-height:1.12}
 .block{padding:48px 0}
 .rubro-visual{height:175px}
 .rubro-body{padding:15px 17px 19px}
 .brand-ribbon{grid-template-columns:1fr;gap:22px;padding:26px 24px;border-radius:21px}
 .brand-ribbon-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .ribbon-micro{display:flex;flex-direction:column;align-items:flex-start;padding:10px}
 .tier-card.tier-featured{transform:none}
}
@media(max-width:520px){
 .top-note{font-size:9px;letter-spacing:.065em}
 .hero h1{font-size:clamp(37px,10vw,44px)}
 .hero .container{padding-block:37px 42px}
 .block{padding:40px 0}
 .section-intro h2{font-size:clamp(29px,8vw,38px)}
 .rubros{gap:10px}
 .rubro{border-radius:16px}
 .rubro-visual{height:133px}
 .rubro-body{padding:13px 12px 16px}
 .rubro h3{font-size:16px}
 .rubro p{font-size:11px;min-height:50px}
 .corner-tag{font-size:8px;top:8px;left:9px;gap:5px;padding:6px 7px;border-radius:8px}
 .corner-tag::before{width:5px;height:5px;flex-basis:5px}
 .rubro-number{font-size:9px;right:9px;bottom:8px}
 .brand-ribbon{padding:22px 18px}
 .brand-ribbon h3{font-size:30px}
 .brand-ribbon-features{grid-template-columns:1fr}
 .ribbon-micro{flex-direction:row;gap:10px}
 .ribbon-micro>span{flex-basis:32px}
 .pricing .plans-disclosure{padding:17px 15px}
}
@media(prefers-reduced-motion:reduce){.rubro:hover{transform:none}.rubro:hover .rubro-visual img{transform:none}}
/* Intermediate tablet width: avoid a squeezed seven-link header and cramped plan cards. */
@media (min-width:761px) and (max-width:900px){
 .nav{min-height:63px;gap:12px}
 .mobile-menu{display:grid;place-items:center;margin-left:auto;background:#edf5fe;color:var(--blue);border:1px solid #d2e5f6;border-radius:10px;width:43px;height:42px;font-size:22px}
 .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-top:1px solid #ddeaf6;padding:16px 20px 22px;box-shadow:0 15px 27px rgba(0,22,76,.11);gap:4px;flex-direction:column;align-items:stretch;margin:0;font-size:13px}
 .nav-links.open{display:flex}
 .nav-links a{padding:9px 6px}
 .header-action{font-size:11px;min-height:40px;padding:11px 15px}
}
@media(min-width:761px) and (max-width:940px){
 .rubros{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rubro-visual{height:181px}
 .tiers-grid{grid-template-columns:1fr;max-width:595px;margin-inline:auto;gap:17px}
 .tier-card.tier-featured{transform:none}
 .tier-audience{min-height:0}
}