/* Contratación: jerarquía, claridad de importes y controles compartidos. */
:root{--c:#18b778;--cd:#087b54;--m:#516176;--w:#fdfefd;--bd:#d8dfe3;--bd2:#a6b1bd;--focus:#075ab0;--warn:#805318;--warn-bg:#fff8e9}
[hidden]{display:none!important}
html{scroll-padding-top:96px;overflow-x:clip}
body{overflow-x:clip}
button,input,select,textarea,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:4px;box-shadow:none!important}
.skip-link{position:fixed;top:8px;left:16px;padding:12px 20px;background:var(--n);color:var(--w);z-index:100;transform:translateY(-180%);border-radius:8px}
.skip-link:focus{transform:none}
.top{background:var(--off);backdrop-filter:none}
.top-in{max-width:1200px;padding:16px 24px;gap:16px}
.top .wordmark{font-size:1.5rem}
.top a.back{font-size:.875rem;color:var(--n2);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.shell{max-width:1200px;padding:0 24px 164px}
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:64px;text-align:left;padding:52px 0 40px;align-items:center}
.eyebrow{color:var(--cd);font-size:.6875rem;line-height:1.5}
h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.025em;margin:12px 0 16px;max-width:620px}
.hero .lead{font-size:1rem;line-height:1.7;margin:0;max-width:52ch}
.trust{justify-content:flex-start;gap:12px 20px;margin:24px 0 0;max-width:600px}
.trust span{background:none;border:0;border-radius:0;padding:0;font-size:.75rem;line-height:1.6}
.trust svg{color:var(--cd);width:16px;height:16px}
.hero-guide{border-left:1px solid var(--bd2);padding:4px 0 4px 32px}
.guide-heading{font-size:.875rem;font-weight:650;margin-bottom:8px}
.hero-guide dl>div{padding:12px 0}
.hero-guide dt{font-size:.875rem;font-weight:650;color:var(--n)}
.hero-guide dd{font-size:.8125rem;color:var(--m);line-height:1.6;margin-top:4px;max-width:40ch}
.catalog-nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;border-block:1px solid var(--bd)}
.catalog-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--bd);border-radius:8px;background:var(--w);font-size:.8125rem;font-weight:550}
.catalog-nav a:hover{border-color:var(--n);background:var(--n);color:var(--w)}
.purchase-steps{display:flex;gap:32px;list-style:none;margin:24px 0 0;color:var(--m);font-size:.8125rem;flex-wrap:wrap}
.purchase-steps li{display:flex;align-items:center;gap:8px}
.purchase-steps span{border:1px solid var(--bd2);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--n);font-variant-numeric:tabular-nums;font-size:.75rem}
section{margin-top:44px;scroll-margin-top:24px}
.sec-h{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:24px}
.sec-h h2{font-size:1.625rem;letter-spacing:-.015em}
.sec-h p{font-size:.875rem;line-height:1.6}
.planes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan{border-radius:12px;padding:24px;box-shadow:none;display:flex;flex-direction:column;transition:border-color .15s}
.plan:hover{transform:none;box-shadow:none;border-color:var(--bd2)}
.plan.feat{border:1px solid var(--cd);box-shadow:none}
.plan.sel{outline:2px solid var(--cd);outline-offset:3px;box-shadow:none}
.plan h3{font-size:1.125rem;line-height:1.4}
.plan .para{min-height:3em;font-size:.8125rem;line-height:1.5}
.plan .precio{margin:24px 0;min-height:72px}
.plan .pv{font-size:2.25rem;line-height:1.2;font-variant-numeric:tabular-nums}
.plan .pu{font-size:.75rem;line-height:1.6}
.plan-badge{top:-12px;left:24px;background:var(--cd);color:var(--w);border-radius:4px;padding:4px 8px;font-size:.625rem}
.plan.feat .btn-plan{background:var(--n);color:var(--w)}
.plan.feat .btn-plan:hover{background:var(--n2);color:var(--w)}
.btn-plan{border-radius:8px;min-height:48px}
.incluye{gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--bd)}
.incluye li{font-size:.8125rem;line-height:1.55}
.incluye svg{color:var(--cd)}
.filas{border-radius:12px;box-shadow:none}
.fila{padding:20px 24px;gap:24px}
.fila-txt span{font-size:.8125rem;line-height:1.6;max-width:70ch}
.fila-pr{font-variant-numeric:tabular-nums}
.btn-fila{transition:background-color .15s,color .15s,border-color .15s;min-height:44px;border-radius:8px}
.dot-n{min-height:44px;border-radius:8px}
.seg{box-shadow:none;border-radius:8px;flex-wrap:wrap}
.seg-b{min-height:44px;border-radius:4px}
.seg-b.on .seg-off{background:var(--c);color:var(--n)}
.seg-off{color:var(--cd);border-radius:4px}
.why{display:block;border-top:1px solid var(--bd)}
.why-it{display:grid;grid-template-columns:32px 200px minmax(0,1fr);align-items:start;gap:16px;border:0;border-bottom:1px solid var(--bd);background:transparent;border-radius:0;padding:20px 0}
.why-it .ic{margin:0;background:transparent;width:24px;height:24px}
.why-it b{font-size:.875rem;padding-top:4px}
.why-it p{max-width:74ch;font-size:.8125rem;line-height:1.6}
.faq details{border-radius:8px}
.faq summary{min-height:56px;font-size:.875rem;padding:16px 20px}
.faq .fa{font-size:.875rem;line-height:1.7;padding:0 20px 20px}
.foot{text-align:left;font-size:.75rem;line-height:1.8}
.foot .lock{align-items:flex-start}.foot svg{margin-top:4px;flex:none}
.bar{padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--n2)}
.bar-in{max-width:1152px}
.bar .bn,.bar .bc,.bar .bt span{opacity:1;color:#ccd8e4}
.bar .bt{font-variant-numeric:tabular-nums;line-height:1.8}
.btn-clear{color:#dae4ed;min-height:44px;padding:8px}
.btn-go{border-radius:8px;min-height:48px;font-size:.875rem}
.cart{width:min(560px,100%);box-shadow:-12px 0 48px rgba(13,27,46,.16)}
.cart-h{padding:20px 28px;justify-content:space-between;background:var(--w);gap:16px}
.cart-h h2{font-size:1.5rem;margin-top:4px}
.cart-x{width:44px;height:44px;flex:none;padding:8px;border:1px solid var(--bd);border-radius:8px}
.cart-body{padding:24px 28px calc(32px + env(safe-area-inset-bottom));scrollbar-gutter:stable}
.cart-intro{font-size:.875rem;color:var(--m);line-height:1.6;margin-bottom:16px}
.ci{padding:16px 0;align-items:center;gap:16px}.ci .cn{font-size:.9375rem}.ci .cn .cm{font-size:.8125rem;line-height:1.5}
.ci .cp{font-size:.9375rem;font-variant-numeric:tabular-nums}.ci .cp span{font-size:.75rem}
.ci .cx{min-width:44px;min-height:44px;border:1px solid var(--bd);font-size:1.25rem}
.ck-dot button{width:44px;height:44px;border-radius:8px}
.cart-tot{background:var(--off);padding:20px;margin:16px 0 24px;border-radius:8px;font-variant-numeric:tabular-nums}
.cart-tot .tc-clp{font-size:.8125rem;line-height:1.6;margin-top:8px}
.payment-mode{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.payment-mode legend{font-weight:650;font-size:1rem;margin-bottom:12px}
.cart .payment-mode label{display:flex;align-items:flex-start;gap:12px;padding:16px 12px;border:1px solid var(--bd2);border-radius:8px;margin:0;cursor:pointer;line-height:1.4}
.payment-mode label:has(input:checked){border:2px solid var(--cd);padding:15px 11px;background:#eff8f3}
.payment-mode input{width:18px;height:18px;accent-color:var(--cd);margin-top:2px;flex:none}
.payment-mode b{font-size:.8125rem}.payment-mode small{display:block;font-size:.75rem;color:var(--m);margin-top:4px}
.review-note{padding:16px;background:var(--warn-bg);border-left:3px solid var(--warn);color:var(--warn);font-size:.875rem;line-height:1.6;margin-bottom:12px}
.form-section-title{font-size:1rem;margin-top:24px;margin-bottom:8px}
.field-help{font-size:.8125rem;line-height:1.6;color:var(--m);margin-top:8px}
.optional{font-weight:400;color:var(--m)}
.cart label{font-size:.875rem;margin:20px 0 8px}
.cart input[type=text],.cart input[type=email],.cart select,.cart textarea{width:100%;min-height:48px;padding:12px;border:1px solid var(--bd2);border-radius:8px;font:inherit;font-size:1rem;line-height:1.5;background:var(--w);color:var(--n)}
.cart textarea{resize:vertical;min-height:104px}
.cart input::placeholder,.cart textarea::placeholder{color:#657184}
.cart input:focus{border-color:var(--focus)}
.cart .opt,.cart .tc{display:flex;gap:12px;align-items:flex-start;font-size:.8125rem;line-height:1.7;margin-top:24px}
.cart .opt input,.cart .tc input{width:20px;height:20px;accent-color:var(--cd);margin-top:4px;flex:none}
.cart .opt .sub{font-size:.8125rem}
.pay{gap:12px;margin-top:24px}
.btn-card{border-radius:8px;min-height:64px;background:var(--n);color:var(--w);padding:16px;gap:4px}
.btn-card:hover{background:var(--n2)}
.btn-card .pay-title{font-size:.9375rem}.btn-card .pay-sub{opacity:1;color:#d4e0ed;font-size:.75rem;line-height:1.5}
.btn-card.sec .pay-sub{color:var(--m)}
.btn-transf{min-height:52px;color:var(--n2);padding:8px}.btn-transf .pay-sub{font-size:.75rem;line-height:1.5;color:var(--m)}
.cart-secure{font-size:.8125rem;line-height:1.6;margin-top:24px;padding-top:20px}
.catalog-status{padding:16px;border:1px solid var(--bd2);border-radius:8px;background:var(--w);font-size:.875rem;line-height:1.6;margin:24px 0}
.catalog-status button{min-height:44px;margin-left:12px}
.cbtn{min-height:44px;color:var(--cd)}
.msg{overflow-wrap:anywhere;font-size:.875rem;line-height:1.7}
@media(max-width:900px){.hero{gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.planes{grid-template-columns:1fr}.plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.7fr);column-gap:24px}.plan .para{min-height:0}.plan .precio{grid-column:2;grid-row:1/span 2;margin:0;text-align:right}.plan .btn-plan{grid-column:2;grid-row:3;align-self:end}.incluye{grid-column:1;grid-row:3;border:0;padding:0;margin-top:20px}.why-it{grid-template-columns:32px 180px minmax(0,1fr)}}
@media(max-width:600px){.top-in{padding:12px 16px}.top .wordmark{font-size:1.25rem}.top a.back{font-size:.75rem}.shell{padding:0 16px 188px}.hero{grid-template-columns:1fr;gap:24px;padding:28px 0 24px}.hero h1{font-size:2.15rem;margin:12px 0}.hero .lead{font-size:.875rem}.hero-guide{border-left:0;border-top:1px solid var(--bd);padding:16px 0 0}.hero-guide dl{display:grid;gap:8px;grid-template-columns:1fr}.hero-guide dl>div{padding:4px 0}.hero-guide dt{font-size:.8125rem}.hero-guide dd{font-size:.75rem;max-width:60ch}.guide-heading{font-size:.8125rem}.trust{gap:8px 16px;margin-top:16px}.trust span{font-size:.6875rem}.catalog-nav{gap:8px;padding:12px 0}.catalog-nav a{flex:1 1 calc(50% - 8px);justify-content:center;font-size:.75rem;padding:8px}.purchase-steps{gap:12px;font-size:.75rem;flex-direction:column;margin:20px 0}.sec-h h2{font-size:1.375rem}.sec-h p{font-size:.8125rem}.plan{display:flex;padding:24px}.plan .precio{text-align:left;margin:20px 0}.plan .btn-plan{order:3}.plan .incluye{order:4;border-top:1px solid var(--bd);padding-top:20px;margin-top:20px}.fila{padding:20px 16px;gap:12px}.why-it{grid-template-columns:24px minmax(0,1fr);gap:8px 12px}.why-it p{grid-column:2}.cart-h{padding:16px 20px}.cart-body{padding:16px 20px calc(24px + env(safe-area-inset-bottom))}.payment-mode{gap:8px}.cart .payment-mode label{padding:12px 8px;gap:8px}.payment-mode label:has(input:checked){padding:11px 7px}.bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.bar-in{gap:8px}.btn-go{width:100%}.cart-tot{padding:16px}.purchase-steps span{width:20px;height:20px}}
body.contratacion-abierta #tc-sop-fab,body.contratacion-abierta #tc-sop-ov{display:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
