/* v224 · Arquitectura comercial Build vs CRO */
.build224-hero-facts .is-anchor{position:relative}
.build224-hero-facts .is-anchor::before{content:"";width:36px;height:3px;position:absolute;left:0;top:-25px;border-radius:99px;background:#7fa7ff}
.build224-hero-facts .is-anchor dt{color:#fff}
.build224-hero-facts .is-anchor dd{font-size:19px}

.build224-route-section{padding-top:clamp(74px,8vw,122px);background:linear-gradient(180deg,#f7f6f2 0%,#efeee9 100%)}
.build224-route-head{max-width:1000px;margin-bottom:clamp(38px,5vw,64px)}
.build224-route-head>span,.build224-delivery>header>span,.build224-cro-copy>span{display:block;color:var(--b200-blue);font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.build224-route-head h2{max-width:940px;margin:16px 0 20px;font-size:clamp(48px,6vw,82px);font-weight:600;line-height:.94;letter-spacing:-.062em;text-wrap:balance}
.build224-route-head h2 em{color:var(--b200-blue);font-style:normal}
.build224-route-head p{max-width:760px;margin:0;color:#646872;font-size:17px;line-height:1.65}
.build224-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.build224-route-card{min-height:510px;padding:clamp(28px,3.5vw,46px);position:relative;display:flex;overflow:hidden;flex-direction:column;border:1px solid #d8dce5;border-radius:30px;background:#fff;color:var(--b200-ink);box-shadow:0 26px 80px rgba(12,18,32,.09);transition:transform .32s var(--b200-ease),box-shadow .32s var(--b200-ease),border-color .2s;text-decoration:none}
.build224-route-card::after{content:"";width:190px;height:190px;position:absolute;right:-82px;top:-94px;border:1px solid rgba(20,87,255,.24);border-radius:50%;box-shadow:0 0 0 34px rgba(20,87,255,.045),0 0 0 68px rgba(20,87,255,.026);pointer-events:none}
.build224-route-card:hover,.build224-route-card:focus-visible{transform:translateY(-6px);border-color:rgba(20,87,255,.52);box-shadow:0 34px 90px rgba(12,18,32,.16)}
.build224-route-card:focus-visible{outline:3px solid rgba(20,87,255,.38);outline-offset:4px}
.build224-route-card>span{display:flex;align-items:center;gap:12px;color:var(--b200-blue);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.build224-route-card>span b{width:34px;height:34px;display:grid;border:1px solid #c9d8ff;border-radius:50%;background:#edf2ff;font-size:11px;place-items:center}
.build224-route-card h3{max-width:620px;margin:34px 0 16px;font-size:clamp(32px,3.5vw,50px);font-weight:600;line-height:1;letter-spacing:-.054em;text-wrap:balance}
.build224-route-card>p{max-width:600px;margin:0;color:#656b78;font-size:16px;line-height:1.62}
.build224-route-card dl{margin:auto 0 28px;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:1px;border-top:1px solid #dfe3eb}
.build224-route-card dl>div{padding:0 18px 0 0}
.build224-route-card dl>div+div{padding-left:18px;border-left:1px solid #dfe3eb}
.build224-route-card dt{color:#747b89;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.build224-route-card dd{margin:8px 0 0;font-size:16px;font-weight:650;line-height:1.35}
.build224-route-card>strong{min-height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;background:var(--b200-blue);color:#fff;font-size:14px}
.build224-route-card>strong i{font-size:20px;font-style:normal;font-weight:400}
.build224-route-card.is-cro{border-color:#222c3d;background:radial-gradient(circle at 92% 4%,rgba(20,87,255,.26),transparent 27%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#0a0e16;background-size:auto,32px 32px,32px 32px,auto;color:#fff;box-shadow:0 28px 84px rgba(5,10,20,.24)}
.build224-route-card.is-cro::after{border-color:rgba(137,171,255,.28);box-shadow:0 0 0 34px rgba(20,87,255,.06),0 0 0 68px rgba(20,87,255,.035)}
.build224-route-card.is-cro>span{color:#9bb7ff}
.build224-route-card.is-cro>span b{border-color:rgba(155,183,255,.34);background:rgba(20,87,255,.18)}
.build224-route-card.is-cro>p{color:rgba(255,255,255,.67)}
.build224-route-card.is-cro dl{border-top-color:rgba(255,255,255,.15)}
.build224-route-card.is-cro dl>div+div{border-left-color:rgba(255,255,255,.15)}
.build224-route-card.is-cro dt{color:rgba(255,255,255,.46)}
.build224-route-card.is-cro>strong{background:#fff;color:#0a0e16}
.build224-fit-head{margin-top:clamp(72px,8vw,116px)}

.build224-investment-head>div{min-width:0}
.build224-anchor-price{width:max-content;max-width:100%;margin:25px 0 0;padding:13px 16px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(5,16,51,.17);color:#d7e1ff;font-size:13px!important;line-height:1.3!important}
.build224-anchor-price strong{color:#fff;font-weight:700}
.build210-plan-card.is-anchor{border:2px solid #fff;box-shadow:0 0 0 4px rgba(155,183,255,.36),0 28px 82px rgba(5,13,36,.2)}
.build210-plan-card.is-anchor::before{content:"Ancla del proyecto";padding:7px 11px;position:absolute;right:24px;top:-14px;border-radius:999px;background:#fff;color:var(--b200-blue);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 22px rgba(5,13,36,.18)}
.build224-start{border-color:rgba(255,255,255,.85);background:linear-gradient(135deg,#f7f9ff,#e8efff)}
.build224-start::before{content:"Elegibilidad";padding:7px 11px;position:absolute;right:24px;top:-14px;border:1px solid #cbd9ff;border-radius:999px;background:#eef3ff;color:var(--b200-blue);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}

.build224-delivery{margin-top:30px;padding:clamp(24px,3vw,38px);border:1px solid rgba(255,255,255,.42);border-radius:28px;background:rgba(5,16,51,.2);box-shadow:0 24px 70px rgba(5,13,36,.12);backdrop-filter:blur(14px)}
.build224-delivery>header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,.55fr);grid-template-areas:"kicker copy" "title copy";gap:9px clamp(34px,6vw,86px);align-items:end}
.build224-delivery>header>span{grid-area:kicker;color:#c7d6ff}
.build224-delivery>header h3{max-width:740px;margin:0;grid-area:title;font-size:clamp(34px,3.9vw,54px);font-weight:600;line-height:.98;letter-spacing:-.052em}
.build224-delivery>header p{max-width:540px;margin:0;grid-area:copy;color:rgba(255,255,255,.76);font-size:14px;line-height:1.6}
.build224-delivery-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.build224-delivery-plan{overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:21px;background:#fff;color:var(--b200-ink)}
.build224-delivery-plan.is-standard{border:2px solid #9bb7ff;box-shadow:0 18px 50px rgba(5,13,36,.18)}
.build224-delivery-plan summary{min-height:94px;padding:19px 58px 19px 21px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;cursor:pointer;list-style:none}
.build224-delivery-plan summary::-webkit-details-marker{display:none}
.build224-delivery-plan summary::marker{content:""}
.build224-delivery-plan summary::after{content:none}
.build224-delivery-plan summary:focus-visible{outline:3px solid rgba(20,87,255,.32);outline-offset:-5px}
.build224-delivery-plan summary span b{display:block;font-size:20px;letter-spacing:-.03em}
.build224-delivery-plan summary span small{display:block;margin-top:4px;color:#697181;font-size:11px}
.build224-delivery-plan summary>strong{font-size:15px;line-height:1.25;text-align:right}
.build224-delivery-plan summary>i{width:30px;height:30px;position:absolute;right:18px;top:50%;display:grid;border:1px solid #d3d9e5;border-radius:50%;color:var(--b200-blue);font-size:18px;font-style:normal;transform:translateY(-50%);place-items:center}
.build224-delivery-plan summary>i::before{content:"+"}
.build224-delivery-plan[open] summary>i::before{content:"−"}
.build224-delivery-plan dl{margin:0;padding:0 21px 19px}
.build224-delivery-plan dl>div{min-height:67px;padding:12px 0;display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:16px;border-top:1px solid #e5e8ef;align-items:start}
.build224-delivery-plan dt{color:#6f7786;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.build224-delivery-plan dd{margin:0;color:#343b48;font-size:13px;line-height:1.48}

.build224-cro{margin-top:30px;padding:clamp(25px,4vw,46px);display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.8fr);gap:clamp(38px,6vw,90px);align-items:start;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:radial-gradient(circle at 94% 2%,rgba(20,87,255,.3),transparent 28%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#080c14;background-size:auto,34px 34px,34px 34px,auto;box-shadow:0 30px 86px rgba(5,10,20,.29);color:#fff}
.build224-cro-copy>span{color:#9bb7ff}
.build224-cro-copy h3{max-width:720px;margin:18px 0 18px;font-size:clamp(38px,4.4vw,62px);font-weight:600;line-height:.96;letter-spacing:-.058em;text-wrap:balance}
.build224-cro-copy p{max-width:650px;margin:0;color:rgba(255,255,255,.67);font-size:15px;line-height:1.65}
.build224-cro-copy>a{width:max-content;max-width:100%;min-height:54px;margin-top:30px;padding:0 20px;display:flex;align-items:center;gap:30px;border-radius:999px;background:#fff;color:#090d15;font-size:13px;font-weight:750}
.build224-cro-copy>a:hover,.build224-cro-copy>a:focus-visible{background:var(--b200-blue);color:#fff}
.build224-cro-copy>a:focus-visible{outline:3px solid rgba(155,183,255,.58);outline-offset:4px}
.build224-cro-copy>a i{font-size:19px;font-style:normal}
.build224-cro-offer{padding:25px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}
.build224-cro-offer>span{display:block;color:#9bb7ff;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.build224-cro-offer>strong{display:block;margin-top:10px;font-size:clamp(34px,3.2vw,48px);font-weight:600;line-height:1;letter-spacing:-.052em}
.build224-cro-offer>strong i{font-size:13px;font-style:normal;letter-spacing:0}
.build224-cro-offer>small{display:block;margin-top:10px;color:rgba(255,255,255,.58);font-size:12px}
.build224-cro-offer dl{margin:24px 0 0}
.build224-cro-offer dl>div{padding:10px 0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;border-top:1px solid rgba(255,255,255,.12)}
.build224-cro-offer dt{color:rgba(255,255,255,.42);font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.build224-cro-offer dd{margin:0;color:rgba(255,255,255,.82);font-size:12px;line-height:1.4}

@media(max-width:1120px){
  .build224-delivery>header{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "copy"}
  .build224-delivery>header p{margin-top:8px}
  .build224-delivery-grid{grid-template-columns:1fr}
  .build224-cro{grid-template-columns:1fr}
}

@media(max-width:760px){
  .build224-hero-facts .is-anchor::before{top:-16px}
  .build224-hero-facts .is-anchor dd{font-size:16px}
  .build224-route-section{padding-top:66px}
  .build224-route-head{margin-bottom:31px}
  .build224-route-head>span{font-size:10px}
  .build224-route-head h2{font-size:clamp(43px,12.8vw,57px)}
  .build224-route-head p{font-size:15px}
  .build224-route-grid{grid-template-columns:1fr;gap:12px}
  .build224-route-card{min-height:0;padding:25px;border-radius:23px}
  .build224-route-card h3{margin-top:28px;font-size:35px}
  .build224-route-card>p{font-size:15px}
  .build224-route-card dl{margin-top:32px;grid-template-columns:1fr}
  .build224-route-card dl>div{padding:12px 0}
  .build224-route-card dl>div+div{padding-left:0;border-top:1px solid #dfe3eb;border-left:0}
  .build224-route-card.is-cro dl>div+div{border-top-color:rgba(255,255,255,.15);border-left:0}
  .build224-route-card>strong{min-height:54px}
  .build224-fit-head{margin-top:68px}
  .build224-anchor-price{width:100%;padding:13px 14px;border-radius:16px;font-size:12px!important}
  .build210-plan-card.is-anchor::before,.build224-start::before{right:17px}
  .build210-plan-price strong,.build211-start-offer>strong{white-space:normal}
  .build224-delivery{margin-top:18px;padding:16px;border-radius:22px}
  .build224-delivery>header{padding:7px}
  .build224-delivery>header h3{font-size:36px}
  .build224-delivery>header p{font-size:13px}
  .build224-delivery-grid{margin-top:23px;gap:9px}
  .build224-delivery-plan{border-radius:18px}
  .build224-delivery-plan summary{min-height:88px;padding:17px 51px 17px 17px;grid-template-columns:1fr}
  .build224-delivery-plan summary>strong{text-align:left}
  .build224-delivery-plan summary>i{right:14px}
  .build224-delivery-plan dl{padding:0 17px 15px}
  .build224-delivery-plan dl>div{grid-template-columns:1fr;gap:5px}
  .build224-cro{margin-top:18px;padding:23px;border-radius:23px}
  .build224-cro-copy h3{font-size:39px}
  .build224-cro-copy p{font-size:14px}
  .build224-cro-copy>a{width:100%;min-height:56px;justify-content:space-between}
  .build224-cro-offer{padding:20px;border-radius:18px}
  .build224-cro-offer>strong{font-size:38px}
  .build224-cro-offer dl>div{grid-template-columns:1fr;gap:4px}
}

@media(max-width:390px){
  .build224-route-card dl{margin-bottom:22px}
  .build224-route-card dd{font-size:15px}
  .build224-cro-offer>strong{font-size:34px}
}

@media(prefers-reduced-motion:reduce){
  .build224-route-card,.build224-cro-copy>a{transition:none!important}
}