.plans-page{margin:0;background:#f8fcfd;color:#0d3540;font-family:Onest,Arial,sans-serif}.plans-page .site-header{background:#063d4b}.plans-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;min-height:390px;padding:70px max(24px,calc((100vw - 1280px)/2)) 135px;color:#fff;background:linear-gradient(120deg,#063d4b,#155e75 65%,#4ca7b6);overflow:hidden}.plans-hero:after{position:absolute;right:-10%;bottom:-75%;width:65%;height:145%;border-radius:50%;content:"";background:radial-gradient(circle,transparent 0 30%,#ffffff12 31% 32%,transparent 33% 47%,#ffffff10 48% 49%,transparent 50%)}.plans-hero__copy,.plans-hero__visual{position:relative;z-index:1}.plans-kicker{font-size:.78rem;font-weight:850;letter-spacing:.22em}.plans-hero h1{margin:14px 0 10px;font-size:clamp(2.8rem,5vw,4.7rem);line-height:.98;letter-spacing:-.065em}.plans-hero h1 span{color:#fff}.plans-subtitle{margin:0;font-size:1.3rem;font-weight:700}.plans-lead{margin:5px 0 25px;color:#d6eff3;font-size:1rem}.plans-promises{display:flex;gap:25px;flex-wrap:wrap;font-weight:750}.plans-hero__visual{height:300px;display:flex;align-items:center;justify-content:center}.plans-hero__visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 18px #062d374d)}.plans-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1280px;margin:-105px auto 0;padding:0 24px}.plan-card{display:flex;flex-direction:column;min-height:600px;padding:27px 24px 18px;background:#fff;border:1px solid #d9e8eb;border-radius:20px;box-shadow:0 16px 38px #155e7518}.plan-card--plus{border:2px solid #f97316;transform:translateY(-16px);box-shadow:0 22px 50px #155e7533}.popular-ribbon{margin:-48px -26px 20px;padding:10px;text-align:center;color:#fff;background:#f97316;border-radius:20px 20px 0 0;font-weight:850}.plan-heading{display:flex;align-items:center;gap:15px}.plan-heading h2{margin:0;font-size:1.65rem}.plan-heading strong{color:#155e75;font-size:.95rem}.plan-card>p{min-height:46px;margin:20px 0 9px;color:#466c75;line-height:1.45}.plan-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#dff4f8;color:#155e75}.plan-icon:before{font-size:2rem}.plan-icon--basic:before{content:'▰'}.plan-icon--plus{background:#fff0e5;color:#f97316}.plan-icon--plus:before{content:'↗'}.plan-icon--enterprise:before{content:'▥'}.plan-price{display:flex;align-items:baseline;gap:8px;padding:8px 0 13px;border-bottom:1px solid #d9e8eb}.plan-price b{font-size:3.2rem;letter-spacing:-.07em}.plan-price span{font-size:1rem}.plan-capacity{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;border-bottom:1px solid #d9e8eb}.plan-capacity span{display:grid;grid-template-columns:22px 1fr;column-gap:7px;align-items:center;color:#155e75;font-size:.78rem}.plan-capacity b{font-size:1rem}.plan-capacity i,.capacity-items i{grid-row:1/3;width:22px;height:22px;border-radius:5px;background:#dff4f8}.icon-branch:before{content:'⌂'}.icon-register:before{content:'▣'}.icon-user:before{content:'●'}.plan-label{min-height:0!important;margin:14px 0 0!important;font-weight:850;color:#155e75!important}.plan-label--green{color:#16a34a!important}.plan-card ul{margin:9px 0 16px;padding:0;list-style:none}.plan-card li{margin:7px 0;color:#466c75;font-size:.86rem}.plan-card li:before{margin-right:8px;color:#16a34a;content:'✓';font-weight:900}.enterprise-note{margin:0 0 12px;padding:14px;background:#e8f8f0;border-radius:12px;color:#15803d;line-height:1.5}.plan-button{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:12px 18px;border:2px solid #0780a0;border-radius:999px;color:#155e75;background:#fff;text-decoration:none;font-weight:850}.plan-card--plus .plan-button,.plan-button--green{border:0;background:#f97316;color:#fff}.plans-included,.plans-capacity,.plans-fit,.plans-faq,.plans-cta{max-width:1280px;margin:22px auto;padding:22px 24px}.plans-included{display:flex;align-items:center;gap:25px;background:#ecfaff;border-radius:18px}.section-intro{display:flex;align-items:center;gap:14px;min-width:310px}.section-intro h2,.plans-fit>h2,.plans-faq h2,.plans-cta h2{margin:0;color:#155e75;font-size:1.55rem}.section-intro p{margin:5px 0;color:#52747c}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#c9f1df;color:#155e75;font-size:1.7rem}.included-list{display:grid;grid-template-columns:repeat(6,1fr);flex:1;gap:5px}.included-list span{text-align:center;color:#155e75;font-size:1.4rem}.included-list b{display:block;margin-top:4px;font-size:.68rem}.plans-capacity{display:flex;align-items:center;gap:24px;background:#dff5fc;border-radius:18px}.capacity-items{display:flex;gap:10px;flex:1}.capacity-items span{display:grid;grid-template-columns:28px 1fr;min-width:140px;padding:13px;background:#fff;border-radius:10px;color:#155e75}.capacity-items strong{grid-column:2}.capacity-foot{max-width:130px;color:#155e75}.plans-fit{text-align:center}.plans-fit>p,.plans-faq>p{color:#52747c}.plans-fit>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.plans-fit article{position:relative;padding:20px 22px;background:#fff;border:1px solid #d9e8eb;border-radius:12px}.fit-icon{float:left;width:42px;height:42px;margin-right:12px;background:#dff4f8;border-radius:9px}.plans-fit h3{margin:0;font-size:1rem;color:#155e75}.plans-fit article p{clear:both;padding-top:10px;color:#52747c;line-height:1.45}.plans-fit article>span{position:absolute;right:18px;top:50%;color:#155e75;font-size:1.8rem}.plans-faq{text-align:center}.plans-faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left}.plans-faq details{padding:13px 17px;background:#fff;border:1px solid #d9e8eb;border-radius:10px;color:#155e75}.plans-faq summary{cursor:pointer;font-weight:750}.plans-faq details p{color:#52747c}.plans-cta{display:flex;align-items:center;gap:12px;background:#dff5fc;border-radius:18px}.plans-cta>div{flex:1}.plans-cta .plan-button{margin:0}.plans-cta .plan-button--outline{background:#fff}@media(max-width:850px){.plans-hero{grid-template-columns:1fr;padding:55px 20px 100px}.plans-hero__visual{height:210px}.plans-grid{grid-template-columns:1fr;margin-top:-60px;padding:0 16px}.plan-card--plus{transform:none}.plans-included,.plans-capacity,.plans-cta{display:block;margin:16px;padding:20px}.included-list,.plans-fit>div,.plans-faq__grid{grid-template-columns:1fr 1fr;margin-top:20px}.capacity-items{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.plans-cta .plan-button{margin-top:10px}}@media(max-width:520px){.included-list,.plans-fit>div,.plans-faq__grid,.capacity-items{grid-template-columns:1fr}.section-intro{min-width:0}.plans-promises{gap:10px;display:grid}}

/* Ajuste visual de referencia: hero con terminal POS, cards superpuestas y escala editorial */
.plans-hero{min-height:470px;padding-top:76px;padding-bottom:150px;border-radius:0 0 48px 48px;background:linear-gradient(118deg,#063d4b 0%,#07566a 54%,#8fcbd1 100%)}
.plans-hero__copy{max-width:590px}.plans-hero h1{font-size:clamp(3rem,5.1vw,5rem);line-height:.96}.plans-hero__visual{height:360px}.plans-hero__visual img{width:min(620px,110%);height:360px;object-fit:contain;filter:drop-shadow(0 25px 22px #062d3755)}
.plans-grid{max-width:1320px;gap:20px;margin-top:-112px}.plan-card{min-height:640px;padding:30px 28px 20px}.plan-card--plus{transform:translateY(-22px)}.plan-heading h2{font-size:1.8rem}.plan-price b{font-size:3.55rem}.popular-ribbon{margin:-51px -30px 22px}
.plans-included,.plans-capacity,.plans-fit,.plans-faq,.plans-cta{max-width:1320px}
.plan-icon,.feature-icon,.fit-icon{position:relative;font-size:0}.plan-icon:before,.feature-icon:before,.fit-icon:before{font-size:26px;font-family:Arial,sans-serif;font-weight:900}.plan-icon--basic:before{content:'▰'}.plan-icon--plus:before{content:'↗'}.plan-icon--enterprise:before{content:'▥'}.icon-branch:before{content:'⌂';font-size:17px}.icon-register:before{content:'▣';font-size:17px}.icon-user:before{content:'●';font-size:17px}
@media(max-width:850px){.plans-hero{min-height:620px;padding-bottom:105px}.plans-hero__visual{height:245px}.plans-hero__visual img{height:245px;width:100%}.plans-grid{margin-top:-70px}}

/* Iconografía vectorial: SVG nativo, sin glifos Unicode ni figuras CSS */
.plan-icon,.feature-icon,.fit-icon,.plan-capacity i,.capacity-items i{font-size:0;background-repeat:no-repeat;background-position:center;background-size:64% auto}
.plan-icon:before,.feature-icon:before,.fit-icon:before,.plan-capacity i:before,.capacity-items i:before{content:none!important}
.plan-icon--basic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d6680' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M7 20 24 8l17 12v20H7z'/%3E%3Cpath d='M15 40V25h18v15M19 16h10M19 31h10'/%3E%3C/svg%3E")}
.plan-icon--plus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f97316' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 38V27l10-8v11l10-13v10l14-16v27'/%3E%3Cpath d='M7 40h34'/%3E%3C/svg%3E")}
.plan-icon--enterprise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d6680' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M8 40V17h14v23M22 40V8h18v32M4 40h40'/%3E%3Cpath d='M13 23h4M13 29h4M27 15h4M35 15h2M27 22h4M35 22h2M27 29h4M35 29h2'/%3E%3C/svg%3E")}
.icon-branch,.icon-register,.icon-user{display:block;background-repeat:no-repeat;background-position:center;background-size:19px 19px}
.icon-branch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 2-5h14l2 5M4 10v9h16v-9M2 10h20M8 19v-5h8v5'/%3E%3C/svg%3E")}
.icon-register{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E")}
.icon-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='3'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E")}
.included-list span{font-size:0;background-repeat:no-repeat;background-position:top center;background-size:30px 30px;padding-top:38px}.included-list span b{font-size:.68rem}.included-list span:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E")}.included-list span:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2'%3E%3Cpath d='M4 5h16v14H4zM8 9h2M14 9h2M8 13h2M14 13h2'/%3E%3C/svg%3E")}.included-list span:nth-child(3){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2'/%3E%3Cpath d='M2 21a6 6 0 0 1 12 0M14 21a4 4 0 0 1 8 0'/%3E%3C/svg%3E")}.included-list span:nth-child(4){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 19V5M4 19h16M8 15l3-4 3 2 5-7'/%3E%3C/svg%3E")}.included-list span:nth-child(5){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h2l2 11h11l3-8H6'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E")}.included-list span:nth-child(6){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 18h16M7 18V9h10v9M9 9V5h6v4'/%3E%3C/svg%3E")}

/* Escala final del titular del hero */
.plans-hero h1{font-size:clamp(2.45rem,4.15vw,4.05rem);line-height:1.01;max-width:560px}
.plans-hero__copy{max-width:560px}
@media(max-width:850px){.plans-hero h1{font-size:clamp(2.35rem,9vw,3.4rem)}}

.plans-promises{align-items:center;gap:24px}.promise{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.promise svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.promise--secure svg{fill:#fff;stroke:#07566a}.promise--trial svg,.promise--support svg{stroke:#fff}

/* Plus: cinta naranja flotante y redondeada como en la referencia */
.plan-card--plus{overflow:visible;border-radius:22px;background:#fff}
.plan-card--plus .popular-ribbon{margin:-51px 14px 20px;padding:10px 18px;border-radius:999px;box-shadow:0 5px 12px #f9731640;position:relative;z-index:2}

/* Forma exacta del bloque destacado Plus: franja de ancho completo con esquinas superiores */
.plan-card--plus .popular-ribbon{margin:-51px -30px 20px;padding:10px 18px;border-radius:22px 22px 0 0;box-shadow:none;width:auto}

/* SVG visibles para bandas, capacidad y recomendación */
.feature-icon{background-color:#c9f1df;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 14 8l5 2-5 2-2 6-2-6-5-2 5-2 2-5Z'/%3E%3C/svg%3E")}
.plans-capacity .feature-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='8' ry='3'/%3E%3Cpath d='M4 6v6c0 2 4 3 8 3s8-1 8-3V6M4 12v6c0 2 4 3 8 3s8-1 8-3v-6'/%3E%3C/svg%3E")}
.capacity-items .icon-branch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 2-5h14l2 5M4 10v9h16v-9M2 10h20M8 19v-5h8v5'/%3E%3C/svg%3E")}
.capacity-items .icon-register{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E")}
.capacity-items .icon-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='3'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E")}
.fit-icon{background-repeat:no-repeat;background-position:center;background-size:27px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5h16v14M8 9h8M8 13h5'/%3E%3C/svg%3E")}.fit-plus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9l5-4v7l5-5v4l6-5v13'/%3E%3C/svg%3E")}.fit-enterprise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 20V4h7v16M11 20V2h9v18M2 20h20M7 8h1M7 12h1M14 7h2M14 11h2M14 15h2'/%3E%3C/svg%3E")}

/* Banda de funciones: título compacto y opciones en una fila separada */
.plans-included{display:grid;grid-template-columns:minmax(300px,40%) 1fr;align-items:center;gap:18px;padding:18px 22px}.plans-included .section-intro{min-width:0;gap:12px}.plans-included .section-intro h2{max-width:310px;font-size:1.25rem;line-height:1.12}.plans-included .included-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:center}.plans-included .included-list span{min-width:0;padding:0 9px 0 10px;border-left:1px solid #b8dce5;font-size:0;background-position:center top;background-size:26px 26px}.plans-included .included-list span:first-child{border-left:0}.plans-included .included-list span b{display:block;margin-top:34px;white-space:nowrap;font-size:.62rem;line-height:1.1}.plans-included .included-list span:nth-child(3) b{white-space:nowrap}
@media(max-width:950px){.plans-included{grid-template-columns:1fr}.plans-included .section-intro h2{max-width:none}.plans-included .included-list{margin-top:8px}}
@media(max-width:520px){.plans-included .included-list{grid-template-columns:repeat(2,1fr);row-gap:14px}.plans-included .included-list span:nth-child(3){border-left:0}}

/* Jerarquía de precios adicionales */
.capacity-items span>b{font-size:.78rem;font-weight:650;color:#155e75}.capacity-items span>strong{font-size:1.08rem;font-weight:900;line-height:1.15;color:#0d3540}.capacity-items span>strong small{font-size:.7rem;font-weight:600;color:#466c75;white-space:nowrap}

/* El hero conecta visualmente sus beneficios con las tarjetas */
.plans-grid{margin-top:-135px}
.capacity-foot{max-width:180px;line-height:1.35;font-size:.72rem;font-weight:600}

/* Separación correcta entre beneficios del hero y tarjetas */
.plans-grid{margin-top:-78px}

/* Capacidades de cada plan como listado vertical, igual que la referencia */
.plan-capacity{display:flex;flex-direction:column;gap:9px;padding:15px 0}.plan-capacity span{display:grid;grid-template-columns:22px 34px 1fr;align-items:center;column-gap:8px;font-size:.82rem;line-height:1.1}.plan-capacity span i{grid-column:1;grid-row:1;width:22px;height:22px}.plan-capacity span b{grid-column:2;grid-row:1;font-size:.95rem}.plan-capacity span::after{grid-column:3;grid-row:1;content:attr(data-label)}

/* Diseño de filas de capacidad */
.plan-capacity{position:relative;gap:0;margin-top:2px;border-top:1px solid #d9e8eb;border-bottom:1px solid #d9e8eb}.plan-capacity span{min-height:38px;padding:7px 4px;border-bottom:1px solid #edf3f4;border-radius:7px;transition:background .2s ease}.plan-capacity span:last-child{border-bottom:0}.plan-capacity span:hover{background:#f1fafb}.plan-capacity span i{border-radius:7px;background-color:#e2f5f8;background-size:17px 17px;box-shadow:inset 0 0 0 1px #c5e7ed}.plan-capacity span b{color:#0d3540;font-weight:900}.plan-capacity span{color:#52747c}.plan-card--plus .plan-capacity span i{background-color:#fff0e5;box-shadow:inset 0 0 0 1px #ffd2b2}.plan-card--plus .plan-capacity span b{color:#155e75}.plan-card:nth-child(3) .plan-capacity span i{background-color:#e6f7ef;box-shadow:inset 0 0 0 1px #c4ead7}.plan-card:nth-child(3) .plan-capacity span b{color:#15803d}

/* Cards según la captura adjunta */
.plan-card{border-radius:22px;padding:25px 32px 18px}.plan-card--plus{border-radius:22px;border-width:2px}.plan-card>p{margin:18px 0 12px;font-size:.98rem}.plan-price{padding:14px 0 16px}.plan-price b{font-size:3.65rem;font-weight:900}.plan-capacity{gap:0;padding:14px 0 9px;border-top:1px solid #cfe6eb;border-bottom:0}.plan-capacity span{min-height:34px;padding:3px 0;border:0;background:transparent!important}.plan-capacity span:hover{background:transparent!important}.plan-capacity span i{border:0;border-radius:0;background-color:transparent!important;box-shadow:none!important}.plan-card ul{margin:9px 0 18px}.plan-card li{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:.9rem}.plan-card li:before{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin:0;border-radius:50%;background:#16a34a;color:#fff;content:'✓';font-size:.75rem;font-weight:900}.plan-card--plus li:before{background:#f97316}.plan-label{display:flex!important;align-items:center;gap:9px;font-size:.9rem!important}.plan-label:before{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;content:'✓';font-size:.75rem}.plan-label--green{color:#15803d!important}.enterprise-note{display:flex;align-items:center;gap:14px;margin:8px 0 14px;padding:18px 20px;border-radius:16px;font-size:.94rem}.enterprise-note:before{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#16a34a;color:#fff;content:'✓';font-weight:900}.plan-button{min-height:48px;font-size:1rem}
.plan-card:first-child ul li{display:none}.plan-card:first-child ul li:first-child{display:flex;font-size:0}.plan-card:first-child ul li:first-child:after{font-size:.9rem;content:'Funciones esenciales incluidas'}

/* Filas de capacidad: icono + cantidad + etiqueta, sin celdas */
.plan-capacity span{display:grid;grid-template-columns:26px 34px auto;align-items:center;column-gap:8px;min-height:39px;padding:3px 0}.plan-capacity span i{grid-column:1;width:23px;height:23px}.plan-capacity span b{grid-column:2;font-size:1.02rem;font-weight:900}.plan-capacity span em{grid-column:3;font-style:normal;font-size:.91rem;color:#155e75;white-space:nowrap}

/* Réplica directa del diseño de cards entregado por el usuario */
.plan-card{min-height:710px;padding:24px 34px 18px;border-radius:22px;background:#fff;box-shadow:0 10px 28px #0b506018}.plan-card--plus{min-height:735px;border:2px solid #ff7616;transform:translateY(-12px)}.plan-heading{gap:18px}.plan-icon{width:76px;height:76px;border-radius:17px;background-size:52px 52px}.plan-heading h2{font-size:2rem;line-height:1}.plan-heading strong{display:block;margin-top:8px;font-size:1rem}.plan-card>p{min-height:62px;margin:18px 0 9px;font-size:1.05rem;line-height:1.32}.plan-price{padding:10px 0 18px}.plan-price b{font-size:4rem;line-height:1}.plan-price span{font-size:1.05rem}.plan-capacity{gap:1px;padding:14px 0 10px;border-top:2px solid #d8eaee}.plan-capacity span{min-height:39px;grid-template-columns:30px 1fr;column-gap:10px;padding:0}.plan-capacity span i{width:30px;height:30px;background-size:25px 25px}.plan-capacity span b{grid-column:2;font-size:1.02rem}.plan-capacity span em{grid-column:2;margin-left:37px;margin-top:-17px;font-size:0}.plan-capacity span em:before{content:''}.plan-card:first-child ul{margin-top:8px}.plan-card--plus ul{margin:8px -4px 17px;padding:13px 16px;background:#fff0e5;border-radius:14px}.plan-card--plus li:before{background:#ff7616}.plan-card li{margin:7px 0;font-size:.98rem}.enterprise-note{min-height:88px;background:#e4f8f0}.plan-button{min-height:54px;font-size:1.05rem}.plan-card--plus .plan-button{background:#ff7616}
.plan-capacity span{grid-template-columns:30px 34px 1fr}.plan-capacity span b{grid-column:2;margin:0}.plan-capacity span em{grid-column:3;margin:0;font-size:.98rem;color:#0d4f63}

/* Capacidades exactamente en una línea: icono → cantidad → etiqueta */
.plan-capacity{display:flex;flex-direction:column;align-items:stretch}.plan-capacity span{display:flex!important;align-items:center;gap:11px;width:100%;min-height:40px;padding:0!important}.plan-capacity span i{display:block!important;flex:0 0 30px;width:30px!important;height:30px!important;margin:0!important}.plan-capacity span b{display:block!important;flex:0 0 auto;margin:0!important;font-size:1.04rem!important;line-height:1}.plan-capacity span em{display:block!important;flex:0 0 auto;margin:0!important;font-size:.98rem!important;line-height:1;font-style:normal}

.capacity-svg{display:block;flex:0 0 30px;width:30px;height:30px;fill:none;stroke:#0d6680;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.plan-card--plus .capacity-svg{stroke:#0d6680}.plan-card:nth-child(3) .capacity-svg{stroke:#0d6680}

.enterprise-note{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:14px 16px}.enterprise-note:before{grid-column:1;grid-row:1}.enterprise-note>span{grid-column:2;color:#15803d;line-height:1.25}.enterprise-note>strong{grid-column:3;color:#15803d;line-height:1.25}

.enterprise-note{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:12px;min-height:74px;padding:14px 18px}.enterprise-note:before{grid-column:1;grid-row:1}.enterprise-note>span{grid-column:2;grid-row:1;color:#15803d;line-height:1.25}.enterprise-note>span strong{display:block;color:#15803d;font-weight:900}
.enterprise-note>span strong{color:inherit;font-weight:inherit}

/* Card Plus: una sola franja naranja, sin borde duplicado */
.plan-card--plus{border-top-color:transparent}.plan-card--plus .popular-ribbon{margin-top:-51px;margin-bottom:20px;border-radius:22px 22px 0 0;position:relative;z-index:3}

/* Cabecera del Plus: franja naranja integrada con corona vectorial */
.plan-card--plus .popular-ribbon{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;margin:-51px -30px 20px;padding:0 18px;border-radius:22px 22px 0 0;background:#ff7616;color:#fff;font-size:1.05rem;font-weight:900;letter-spacing:.01em}.popular-ribbon svg{width:24px;height:24px;fill:#fff;stroke:#fff;stroke-width:1.3;stroke-linejoin:round}

/* Cabecera naranja integrada dentro del card central */
.plan-card--plus{position:relative;overflow:hidden;padding-top:118px;border-top:2px solid #ff7616;border-radius:22px}.plan-card--plus .popular-ribbon{position:absolute;top:0;left:-2px;right:-2px;width:auto;height:80px;margin:0;border-radius:20px 20px 0 0;z-index:4}

/* Curva inferior de la cabecera naranja */
.plan-card--plus .popular-ribbon{border-radius:20px 20px 18px 18px}

/* Geometría exacta de la franja del card Plus: cápsula ancha completa */
.plan-card--plus .popular-ribbon{top:0;left:-2px;right:-2px;height:80px;margin:0;border-radius:24px;background:#ff7616;overflow:hidden;box-shadow:none}

/* Capa blanca independiente con esquinas superiores redondeadas */
.plan-card--plus{background:transparent;isolation:isolate}.plan-card--plus::before{position:absolute;content:"";z-index:1;top:48px;right:0;bottom:0;left:0;border-radius:22px 22px 0 0;background:#fff}.plan-card--plus>*{position:relative;z-index:2}.plan-card--plus>.popular-ribbon{z-index:4}

/* El blanco se superpone al naranja y recorta sus esquinas inferiores */
.plan-card--plus::before{top:54px;z-index:3;border-radius:22px 22px 0 0}.plan-card--plus .popular-ribbon{z-index:2}.plan-card--plus>*:not(.popular-ribbon){z-index:4}
.plan-card--plus .popular-ribbon{border-radius:22px 22px 0 0}
.plan-card--plus .popular-ribbon{align-items:flex-start;justify-content:center;line-height:1.2;padding-top:0}.plan-card--plus .popular-ribbon>svg,.plan-card--plus .popular-ribbon>span{position:relative;z-index:6;transform:none}.plan-card--plus .popular-ribbon>svg{margin-top:12px}.plan-card--plus .popular-ribbon>span{margin-top:16px}

/* Las tarjetas laterales quedan 16 px más abajo que la tarjeta destacada */
.plans-grid>.plan-card:not(.plan-card--plus){transform:translateY(16px)}
@media(max-width:850px){.plans-grid>.plan-card:not(.plan-card--plus){transform:none}}

@media(min-width:851px){.plans-included{margin-top:38px;margin-bottom:38px}}

/* Separación visual del resumen de funciones frente al fondo de la página. */
.plans-included{
  position:relative;
  background:linear-gradient(110deg,#e0f6fb 0%,#d4eff7 100%);
  border:1px solid #9dcfdb;
  border-left:4px solid #0d6680;
  box-shadow:0 12px 28px rgba(13,102,128,.12);
}
.plans-included .included-list span{border-left-color:#9dcfdb}
.plans-included .included-list span:first-child{border-left:0}

/* Tratamiento de marca: panel editorial + módulos de funciones. */
.plans-included{
  grid-template-columns:minmax(320px,34%) 1fr;
  gap:24px;
  padding:14px;
  overflow:hidden;
  background:
    radial-gradient(circle at 96% 12%,rgba(255,255,255,.18),transparent 22%),
    linear-gradient(118deg,#075267 0%,#0d6680 58%,#13758b 100%);
  border:0;
  border-radius:22px;
  box-shadow:0 16px 34px rgba(7,82,103,.2);
}
.plans-included .section-intro{
  min-height:76px;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(3,57,78,.42);
}
.plans-included .section-intro h2{color:#fff;font-size:1.2rem;line-height:1.12}
.plans-included .feature-icon{flex:0 0 auto;background:#c9f1df;color:#075267;box-shadow:0 0 0 5px rgba(201,241,223,.12)}
.plans-included .included-list{gap:8px}
.plans-included .included-list span{
  min-height:68px;
  padding:8px 5px 6px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:13px;
  background-color:rgba(255,255,255,.96);
  background-position:center 9px;
  background-size:24px 24px;
  box-shadow:0 5px 12px rgba(3,57,78,.12);
  transition:transform .2s ease,background-color .2s ease;
}
.plans-included .included-list span:hover{transform:translateY(-3px);background-color:#fff}
.plans-included .included-list span b{margin-top:31px;color:#075267;font-size:.62rem}
@media(max-width:950px){.plans-included .section-intro{justify-content:flex-start}}
@media(max-width:520px){.plans-included{padding:12px}.plans-included .section-intro{padding:10px 14px}.plans-included .included-list span{min-height:64px}}

/* Capacidad adicional: panel de precios con mayor contraste y jerarquía visual */
.plans-capacity{display:grid;grid-template-columns:minmax(310px,1.2fr) minmax(390px,1.8fr) minmax(150px,.7fr);align-items:center;gap:28px;padding:26px 30px;background:linear-gradient(120deg,#e5f7f9 0%,#d6f0f5 100%);border:1px solid #b8e0e7;border-radius:22px;box-shadow:0 14px 30px #0d66801a}
.plans-capacity .section-intro{gap:16px;min-width:0}.plans-capacity .feature-icon{flex:0 0 48px;background-color:#c8f2df;border:1px solid #a9dfc6;box-shadow:inset 0 0 0 5px #e6faf0;color:#0d6680}.plans-capacity .section-intro h2{font-size:1.5rem;letter-spacing:-.02em}.plans-capacity .section-intro p{margin:8px 0 0;color:#52747c;line-height:1.45}
.plans-capacity .capacity-items{gap:12px}.plans-capacity .capacity-items span{min-width:0;padding:16px 15px;background:#fff;border:1px solid #c8e3e8;border-radius:14px;box-shadow:0 7px 16px #0d668012;color:#0d3540}.plans-capacity .capacity-items .capacity-svg{width:26px;height:26px;stroke:#0d6680}.plans-capacity .capacity-items span>b{color:#155e75;font-size:.82rem;letter-spacing:.01em}.plans-capacity .capacity-items span>strong{margin-top:5px;color:#0d3540;font-size:1.15rem}.plans-capacity .capacity-items span>strong small{color:#52747c;font-size:.68rem}.plans-capacity .capacity-foot{max-width:none;color:#155e75;font-size:.76rem;line-height:1.45}
@media(max-width:950px){.plans-capacity{grid-template-columns:1fr;gap:16px}.plans-capacity .capacity-foot{max-width:320px}}
@media(max-width:850px){.plans-capacity{display:block;padding:22px 20px}.plans-capacity .capacity-items{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.plans-capacity .capacity-foot{display:block;margin-top:16px}}

/* La capacidad adicional se presenta como una decisión de crecimiento. */
.plans-capacity{
  grid-template-columns:minmax(290px,.9fr) minmax(420px,1.7fr) minmax(185px,.7fr);
  gap:24px;
  padding:18px;
  background:
    radial-gradient(circle at 8% 110%,rgba(47,211,148,.18),transparent 28%),
    linear-gradient(118deg,#063d4b 0%,#075267 58%,#0d6680 100%);
  border:0;
  border-radius:22px;
  box-shadow:0 16px 34px rgba(7,82,103,.18);
}
.plans-capacity .section-intro{
  min-height:116px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(3,57,78,.42);
}
.plans-capacity .section-intro h2{color:#fff;font-size:1.4rem}
.plans-capacity .section-intro p{color:#d6eff3}
.plans-capacity .feature-icon{background:#c9f1df;border-color:#a9dfc6;box-shadow:0 0 0 5px rgba(201,241,223,.12)}
.plans-capacity .capacity-items{gap:10px}
.plans-capacity .capacity-items span{
  padding:16px 14px;
  background:#fff;
  border:0;
  border-top:3px solid #f97316;
  border-radius:14px;
  box-shadow:0 8px 18px rgba(3,57,78,.18);
}
.plans-capacity .capacity-items span:nth-child(2){border-top-color:#14a8c4}
.plans-capacity .capacity-items span:nth-child(3){border-top-color:#20b83d}
.plans-capacity .capacity-foot{
  max-width:none;
  padding:12px 0 12px 14px;
  color:#fff;
  border-left:3px solid #f97316;
  font-size:.76rem;
  line-height:1.45;
}
@media(max-width:950px){.plans-capacity .section-intro{min-height:0}.plans-capacity .capacity-foot{padding:10px 0 0;border-left:0;border-top:2px solid #f97316}}
@media(max-width:520px){.plans-capacity .capacity-items{grid-template-columns:1fr}.plans-capacity .capacity-items span{min-height:72px}}

/* Tarjetas de orientación: cada una comunica una etapa distinta del negocio. */
.plans-fit>div{gap:16px}
.plans-fit article{
  min-height:218px;
  padding:24px 24px 22px;
  overflow:hidden;
  border:1px solid #c9e1e6;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(13,102,128,.08);
}
.plans-fit article::before{
  position:absolute;
  inset:0 0 auto;
  height:5px;
  content:"";
  background:#16a34a;
}
.plans-fit article::after{
  position:absolute;
  top:21px;
  right:22px;
  color:#52747c;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.16em;
}
.plans-fit article:nth-child(1){background:linear-gradient(145deg,#fff 0%,#eefafa 100%)}
.plans-fit article:nth-child(1)::after{content:"BÁSICO";color:#0d6680}
.plans-fit article:nth-child(2){background:linear-gradient(145deg,#fff 0%,#fff4eb 100%);border-color:#ffd2b4}
.plans-fit article:nth-child(2)::before{background:#f97316}
.plans-fit article:nth-child(2)::after{content:"PLUS";color:#e55b0b}
.plans-fit article:nth-child(3){background:linear-gradient(145deg,#fff 0%,#edf7fb 100%);border-color:#b8dce5}
.plans-fit article:nth-child(3)::before{background:#0d6680}
.plans-fit article:nth-child(3)::after{content:"EMPRESARIAL";color:#0d6680}
.plans-fit .fit-icon{
  float:none;
  display:block;
  width:66px;
  height:66px;
  margin:0 0 16px;
  border-radius:18px;
  background-size:44px;
  box-shadow:0 8px 16px rgba(13,102,128,.12);
}
.plans-fit article:nth-child(2) .fit-icon{box-shadow:0 8px 16px rgba(249,115,22,.15)}
.plans-fit h3{margin:0;color:#0d3540;font-size:1.15rem;letter-spacing:-.02em}
.plans-fit article p{max-width:88%;padding-top:8px;color:#466c75;font-size:.9rem;line-height:1.5}
.plans-fit article>span{
  top:auto;
  right:22px;
  bottom:20px;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  color:#fff;
  background:#0d6680;
  border-radius:50%;
  font-size:1.35rem;
  line-height:1;
}
.plans-fit article:nth-child(2)>span{background:#f97316}
@media(max-width:520px){.plans-fit article{min-height:200px;padding:22px 20px}.plans-fit article::after{top:19px;right:18px}.plans-fit article p{max-width:82%}}

/* Ruta de crecimiento XoraPOS: tres etapas conectadas, no tarjetas aisladas. */
.plans-fit>div{
  position:relative;
  grid-template-columns:repeat(3,1fr);
  align-items:start;
  padding:28px 0 18px;
}
.plans-fit>div::before{
  position:absolute;
  top:76px;
  right:10%;
  left:10%;
  height:2px;
  content:"";
  background:repeating-linear-gradient(90deg,#9fcbd5 0 9px,transparent 9px 17px);
}
.plans-fit article{
  z-index:1;
  min-height:238px;
  border:1px solid #c6e0e6;
  border-radius:28px 10px 28px 10px;
  box-shadow:0 14px 28px rgba(13,102,128,.1);
  transform:translateY(18px);
}
.plans-fit article:nth-child(2){transform:translateY(0)}
.plans-fit article:nth-child(3){transform:translateY(18px)}
.plans-fit article::before{
  inset:16px 18px auto auto;
  width:auto;
  height:auto;
  color:rgba(13,102,128,.12);
  background:none;
  font-size:4.6rem;
  font-weight:900;
  line-height:.8;
  letter-spacing:-.1em;
}
.plans-fit article:nth-child(1)::before{content:"01"}
.plans-fit article:nth-child(2)::before{content:"02";color:rgba(249,115,22,.15)}
.plans-fit article:nth-child(3)::before{content:"03"}
.plans-fit .fit-icon{position:relative;z-index:2;margin-bottom:17px;border-radius:50%;border-width:2px;background-size:39px;box-shadow:0 0 0 7px #f8fcfd,0 8px 16px rgba(13,102,128,.14)}
.plans-fit article:nth-child(2) .fit-icon{box-shadow:0 0 0 7px #f8fcfd,0 8px 16px rgba(249,115,22,.18)}
.plans-fit h3{position:relative;z-index:2;font-size:1.12rem}
.plans-fit article p{position:relative;z-index:2;max-width:84%;font-size:.88rem}
.plans-fit article>span{z-index:2;bottom:20px;border:4px solid #f8fcfd}
.plans-fit article:nth-child(2)>span{border-color:#fff4eb}
@media(max-width:850px){
  .plans-fit>div{padding-top:20px}
  .plans-fit>div::before{top:63px;right:8%;left:8%}
  .plans-fit article,.plans-fit article:nth-child(2),.plans-fit article:nth-child(3){transform:none}
}
@media(max-width:520px){
  .plans-fit>div{display:grid;gap:16px;padding-top:0}
  .plans-fit>div::before{top:42px;right:auto;bottom:42px;left:42px;width:2px;height:auto;background:repeating-linear-gradient(0deg,#9fcbd5 0 9px,transparent 9px 17px)}
  .plans-fit article{min-height:210px}
}

/* Iconos de los perfiles de negocio: más expresivos y con acabado de producto */
.plans-fit article{transition:transform .2s ease,box-shadow .2s ease}.plans-fit article:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0d66801c}
.plans-fit .fit-icon{float:left;width:52px;height:52px;margin-right:14px;border:1px solid #c7e5ea;border-radius:14px;background-color:#e8f8fa;background-repeat:no-repeat;background-position:center;background-size:34px;box-shadow:0 5px 12px #0d668014}
.plans-fit .fit-basic{background-color:#e5f6f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d6680' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21 24 7l19 14v20H5z'/%3E%3Cpath d='M11 41V24h26v17M18 41V29h12v12M17 18h14'/%3E%3Cpath d='M9 21h30' stroke='%2316a34a'/%3E%3C/svg%3E")}
.plans-fit .fit-plus{background-color:#fff2e8;border-color:#ffd5bc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f97316' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 38V28l9-7v8l9-12v9l16-16v28'/%3E%3Cpath d='M7 41h34' stroke='%230d6680'/%3E%3Cpath d='m35 10 6-1-1 6' stroke='%2316a34a'/%3E%3C/svg%3E")}
.plans-fit .fit-enterprise{background-color:#e9f5fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230d6680' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 41V18h14v23M21 41V8h20v33M3 41h42'/%3E%3Cpath d='M12 24h4M12 30h4M27 15h4M35 15h2M27 22h4M35 22h2M27 29h4M35 29h2'/%3E%3Cpath d='M10 18h8' stroke='%2316a34a'/%3E%3C/svg%3E")}
.plans-fit .fit-basic{background-image:url("../img/plan-icons/store.svg")}.plans-fit .fit-plus{background-image:url("../img/plan-icons/growth.svg")}.plans-fit .fit-enterprise{background-image:url("../img/plan-icons/building.svg")}

/* Ajuste final: composición sobria y editorial, sin bloques decorativos que compitan con el contenido. */
.plans-fit>div{
  position:relative;
  align-items:stretch;
  padding:14px 0 0;
}
.plans-fit>div::before{display:none}
.plans-fit article,
.plans-fit article:nth-child(2),
.plans-fit article:nth-child(3){
  min-height:220px;
  padding:26px 24px 22px;
  overflow:hidden;
  border:1px solid #c9e1e6;
  border-top:4px solid #0d6680;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 26px rgba(13,102,128,.09);
  transform:none;
}
.plans-fit article:nth-child(2){border-top-color:#f97316;background:#fffaf6}
.plans-fit article:nth-child(3){border-top-color:#16839a;background:#f8fcfd}
.plans-fit article::before,
.plans-fit article:nth-child(1)::before,
.plans-fit article:nth-child(2)::before,
.plans-fit article:nth-child(3)::before{display:none!important;content:none!important}
.plans-fit article::after{
  top:26px;
  right:24px;
  padding:5px 8px;
  border:1px solid #b9dbe2;
  border-radius:999px;
  color:#0d6680;
  background:#eef9fb;
  font-size:.58rem;
  letter-spacing:.14em;
}
.plans-fit article:nth-child(2)::after{border-color:#ffd1b2;color:#d85b12;background:#fff0e5}
.plans-fit article:nth-child(3)::after{border-color:#b9dbe2;color:#0d6680;background:#e9f5f8}
.plans-fit .fit-icon{
  float:left;
  width:52px;
  height:52px;
  margin:0 14px 18px 0;
  border:1px solid #c7e5ea;
  border-radius:14px;
  background-size:34px;
  box-shadow:0 5px 12px rgba(13,102,128,.1);
}
.plans-fit h3{min-height:52px;margin:0;color:#0d3540;font-size:1.12rem;line-height:1.2}
.plans-fit article p{clear:both;max-width:90%;padding-top:8px;color:#466c75;font-size:.9rem;line-height:1.5}
.plans-fit article>span{right:22px;bottom:20px;border:0;background:#0d6680}
.plans-fit article:nth-child(2)>span{border:0;background:#f97316}
@media(max-width:850px){.plans-fit>div{padding-top:0}.plans-fit article,.plans-fit article:nth-child(2),.plans-fit article:nth-child(3){transform:none}}
@media(max-width:520px){.plans-fit article,.plans-fit article:nth-child(2),.plans-fit article:nth-child(3){min-height:210px;padding:22px 20px}.plans-fit article::after{top:22px;right:20px}}

/* El nombre largo del plan Empresarial necesita una columna propia frente a su etiqueta. */
.plans-fit article:nth-child(3) h3{max-width:205px}
@media(max-width:520px){.plans-fit article:nth-child(3) h3{max-width:calc(100% - 4px)}}

/* Hero con más contraste: las promesas funcionan como señales visuales, no como texto suelto. */
.plans-hero{background:radial-gradient(circle at 78% 72%,rgba(73,183,198,.3),transparent 28%),radial-gradient(circle at 18% 20%,rgba(22,131,154,.34),transparent 32%),linear-gradient(120deg,#063d4b,#155e75 65%,#2d8492)}
.plans-hero__copy{padding:24px 26px 22px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(135deg,rgba(4,45,56,.28),rgba(255,255,255,.07));box-shadow:0 18px 44px rgba(2,38,48,.15);backdrop-filter:blur(2px)}
.plans-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid rgba(120,226,184,.42);border-radius:999px;background:rgba(22,163,104,.18);color:#bff5db}
.plans-promises{gap:10px;margin-top:28px}
.plans-promises .promise{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.1);box-shadow:0 8px 18px rgba(2,38,48,.12);font-size:.88rem}
.plans-promises .promise svg{flex:0 0 28px;width:28px;height:28px;padding:5px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;border-radius:9px}
.plans-promises .promise--secure svg{background:#bff5db;stroke:#08794b}
.plans-promises .promise--trial svg{background:#ffe0c8;stroke:#d85b12}
.plans-promises .promise--support svg{background:#c6edf4;stroke:#0d6680}
@media(max-width:850px){.plans-hero__copy{padding:20px}.plans-promises .promise{padding:8px 10px}}
@media(max-width:520px){.plans-hero__copy{border-radius:18px}.plans-promises{margin-top:20px}}

/* El hero ya aporta el fondo principal; el contenido vuelve a respirar directamente sobre él. */
.plans-hero__copy{padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}

/* Las características visibles deben reflejar todas las que entrega el backend. */
.plans-grid .plan-card:first-child ul li{display:flex!important;font-size:.98rem!important}
.plans-grid .plan-card:first-child ul li:first-child::after{content:none!important}

/* Las capacidades ya llegan dentro de las características dinámicas del backend. */
.plans-grid .plan-capacity{display:none}
.plans-grid .plan-label{display:none!important}

/* CTA final alineado a la paleta XoraPOS: marfil, teal y naranja. */
.plans-cta{position:relative;overflow:hidden;border:1px solid #f1d5be;border-left:4px solid #f97316;background:linear-gradient(105deg,#fff8f1 0%,#fff 72%);box-shadow:0 14px 30px rgba(13,53,64,.08)}
.plans-cta::after{position:absolute;right:-46px;bottom:-72px;width:190px;height:190px;border:1px solid #ffd8bd;border-radius:50%;content:"";box-shadow:0 0 0 22px #fff7f0,0 0 0 44px #fffaf6}
.plans-cta>div,.plans-cta>a{position:relative;z-index:1}

/* Restaurar el icono de funciones, evitando que el fondo posterior elimine su SVG. */
.plans-included .feature-icon{background-color:#c9f1df;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307566a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 14 8l5 2-5 2-2 6-2-6-5-2 5-2 2-5Z'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:62% auto}

/* En escritorio las tres promesas forman una sola línea compacta. */
.plans-promises{flex-wrap:nowrap;gap:8px}
.plans-promises .promise{min-width:0;padding:7px 9px;font-size:.78rem;gap:7px}
.plans-promises .promise svg{flex-basis:30px;width:30px;height:30px;padding:5px}
@media(max-width:850px){.plans-promises{flex-wrap:wrap}}
@media(max-width:520px){.plans-promises{display:grid;grid-template-columns:1fr;gap:8px}.plans-promises .promise{font-size:.82rem}}

/* Iconos del hero: mayor presencia, detalle y acabado de sistema visual. */
.plans-promises .promise svg{flex-basis:34px;width:34px;height:34px;padding:6px;border:1px solid rgba(255,255,255,.62);border-radius:11px;stroke-width:2.15;filter:drop-shadow(0 3px 5px rgba(2,38,48,.2))}
.plans-promises .promise--secure svg{background:linear-gradient(145deg,#d8ffe9,#9ee8c5);border-color:#7dd5aa;stroke:#056b43}
.plans-promises .promise--trial svg{background:linear-gradient(145deg,#fff1e6,#ffcda9);border-color:#ffb17e;stroke:#bd4b08}
.plans-promises .promise--support svg{background:linear-gradient(145deg,#e1faff,#b3e1ea);border-color:#8bcbd7;stroke:#075d76}
.plans-promises .promise{min-height:52px;color:#f5fdff;letter-spacing:.005em}

/* Más aire entre los planes y el resumen de funciones. */
.plans-included{margin-top:38px}
@media(max-width:850px){.plans-included{margin-top:32px}}

/* Resumen de funciones: una pieza ligera, editorial y propia de XoraPOS. */
.plans-included{
  position:relative;
  grid-template-columns:minmax(285px,.86fr) minmax(0,1.7fr);
  gap:26px;
  padding:14px 18px 14px 14px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(201,241,223,.72),transparent 30%),
    linear-gradient(105deg,#f3fbfb 0%,#f8fcfc 72%,#fff 100%);
  border:1px solid #c9e5e8;
  border-left:4px solid #0d6680;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(13,102,128,.07);
}
.plans-included::after{
  position:absolute;
  right:-46px;
  bottom:-72px;
  width:150px;
  height:150px;
  content:"";
  border:1px solid rgba(13,102,128,.12);
  border-radius:50%;
  box-shadow:0 0 0 18px rgba(13,102,128,.025),0 0 0 36px rgba(13,102,128,.018);
  pointer-events:none;
}
.plans-included .section-intro{
  position:relative;
  z-index:1;
  min-height:70px;
  padding:10px 14px;
  gap:12px;
  border:1px solid #d3e9e9;
  border-radius:14px;
  background:rgba(255,255,255,.68);
}
.plans-included .section-intro h2{
  max-width:255px;
  color:#0d4f61;
  font-size:1.12rem;
  line-height:1.12;
  letter-spacing:-.02em;
}
.plans-included .feature-icon{
  width:42px;
  height:42px;
  background-color:#d8f5e7;
  box-shadow:0 0 0 4px #effaf5;
}
.plans-included .included-list{
  position:relative;
  z-index:1;
  gap:7px;
}
.plans-included .included-list span{
  min-height:66px;
  padding:7px 4px 5px !important;
  border:1px solid #d5e8ea !important;
  border-radius:12px;
  background-color:rgba(255,255,255,.78);
  box-shadow:none;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.plans-included .included-list span:hover{
  transform:translateY(-2px);
  background-color:#fff;
  box-shadow:0 7px 14px rgba(13,102,128,.09);
}
.plans-included .included-list span b{
  margin-top:30px;
  color:#155e75;
  font-size:.61rem;
}
@media(max-width:950px){
  .plans-included{grid-template-columns:1fr;gap:12px;padding:14px}
  .plans-included .section-intro h2{max-width:none}
}
@media(max-width:520px){
  .plans-included{padding:12px;border-left-width:3px}
  .plans-included .included-list{grid-template-columns:repeat(2,1fr);row-gap:8px}
}

/* Sistema de capacidades: una misma pieza visual, sin franjas laterales pesadas. */
.plans-included,
.plans-capacity{
  border-left:1px solid #c9e5e8;
}
.plans-included::before,
.plans-capacity::before{
  position:absolute;
  top:0;
  left:50%;
  width:78px;
  height:3px;
  content:"";
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,#0d6680,#5fc6b4);
  transform:translateX(-50%);
}
.plans-included .section-intro,
.plans-capacity .section-intro{
  border-color:#d3e9e9;
  background:rgba(255,255,255,.74);
}

/* Capacidad adicional: complemento de crecimiento, no segundo panel protagonista. */
.plans-capacity{
  position:relative;
  grid-template-columns:minmax(290px,.92fr) minmax(420px,1.72fr) minmax(170px,.72fr);
  gap:24px;
  padding:22px 24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 100%,rgba(255,221,187,.46),transparent 28%),
    linear-gradient(105deg,#f4fbf8 0%,#f8fcfc 70%,#fff9f3 100%);
  border:1px solid #c9e5e8;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(13,102,128,.07);
}
.plans-capacity::after{
  position:absolute;
  right:-38px;
  top:-52px;
  width:138px;
  height:138px;
  content:"";
  border:1px solid rgba(249,115,22,.16);
  border-radius:50%;
  box-shadow:0 0 0 16px rgba(249,115,22,.025),0 0 0 32px rgba(249,115,22,.018);
  pointer-events:none;
}
.plans-capacity .section-intro{
  position:relative;
  z-index:1;
  min-height:100px;
  padding:14px 16px;
  gap:14px;
  border-radius:14px;
}
.plans-capacity .feature-icon{
  flex:0 0 48px;
  background:#d8f5e7;
  border:1px solid #b8e5cf;
  box-shadow:0 0 0 4px #effaf5;
}
.plans-capacity .section-intro h2{
  color:#0d4f61;
  font-size:1.38rem;
  letter-spacing:-.025em;
}
.plans-capacity .section-intro p{
  color:#52747c;
  line-height:1.4;
}
.plans-capacity .capacity-items{
  position:relative;
  z-index:1;
  gap:10px;
}
.plans-capacity .capacity-items span{
  min-width:0;
  padding:15px 14px;
  background:rgba(255,255,255,.86);
  border:1px solid #d3e7e8;
  border-top:3px solid #f28b45;
  border-radius:13px;
  box-shadow:0 6px 14px rgba(13,102,128,.06);
  transition:transform .2s ease,box-shadow .2s ease;
}
.plans-capacity .capacity-items span:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 18px rgba(13,102,128,.1);
}
.plans-capacity .capacity-items span:nth-child(2){border-top-color:#4db8c6}
.plans-capacity .capacity-items span:nth-child(3){border-top-color:#69be92}
.plans-capacity .capacity-items span>b{color:#155e75}
.plans-capacity .capacity-items span>strong{color:#0d3540}
.plans-capacity .capacity-foot{
  position:relative;
  z-index:1;
  max-width:none;
  padding:10px 0 10px 16px;
  color:#52747c;
  border-left:0;
  border-top:1px dashed #e6b98e;
  font-size:.76rem;
  line-height:1.45;
}
@media(max-width:950px){
  .plans-capacity{grid-template-columns:1fr;gap:14px}
  .plans-capacity .capacity-foot{max-width:340px;padding:10px 0 0;border-top:1px dashed #e6b98e}
}
@media(max-width:850px){
  .plans-included,.plans-capacity{border-left:1px solid #c9e5e8}
  .plans-capacity{display:block;padding:18px 16px}
  .plans-capacity .capacity-items{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px}
  .plans-capacity .capacity-foot{display:block;margin-top:16px}
}
@media(max-width:520px){
  .plans-capacity .capacity-items{grid-template-columns:1fr}
}

/* El hero abre la página con una curva más generosa y reconocible. */
.plans-hero{border-radius:0 0 80px 80px}

/* Icono de capacidad: almacenamiento y recursos disponibles para crecer. */
.plans-capacity .feature-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6680' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3Cpath d='M8 8h.01M8 14h.01' stroke-width='2.4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:58% auto;
}
@media(max-width:520px){.plans-hero{border-radius:0 0 56px 56px}}

/* Montos más sobrios: conservan jerarquía sin dominar la tarjeta. */
.plan-price b{
  color:#174b59;
  font-size:3.55rem;
  font-weight:760;
}
.plans-capacity .capacity-items span>strong{
  color:#245765;
  font-size:1.05rem;
  font-weight:760;
}

/* La capacidad adicional comparte la misma pieza editorial de la página de inicio. */
.plans-capacity{
  grid-template-columns:1fr 1.05fr;
  gap:50px;
  align-items:center;
  margin-top:34px;
  padding:42px;
  background:
    radial-gradient(circle at 100% 0,rgba(92,193,214,.18),transparent 30%),
    var(--teal-ink);
  color:#fff;
  border:0;
  border-radius:24px;
  box-shadow:0 24px 58px rgba(8,47,58,.2);
}
.plans-capacity .section-intro{
  display:block;
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
  background:none;
}
.plans-capacity .feature-icon{display:none}
.plans-capacity .section-intro h2{
  margin:4px 0 12px;
  color:#fff;
  font-size:2rem;
  line-height:1.15;
  letter-spacing:-.04em;
}
.plans-capacity .section-intro p{
  margin:0;
  color:#b9d0d5;
  line-height:1.65;
}
.plans-capacity .section-intro p strong{
  display:block;
  color:#fff;
}
.plans-capacity .capacity-items{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.plans-capacity .capacity-items span{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:96px;
  justify-content:center;
  padding:16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  box-shadow:none;
}
.plans-capacity .capacity-items .capacity-svg{
  display:block;
  flex:0 0 auto;
  width:24px;
  height:24px;
  margin-bottom:6px;
  stroke:#f28b45;
}
.plans-capacity .capacity-items span:nth-child(2) .capacity-svg{stroke:#4db8c6}
.plans-capacity .capacity-items span:nth-child(3) .capacity-svg{stroke:#69be92}
.plans-capacity .capacity-items span>b{
  color:#b5ced4;
  font-size:.65rem;
}
.plans-capacity .capacity-items span>strong{
  margin-top:4px;
  color:#fff;
  font-size:1.45rem;
  font-weight:760;
}
.plans-capacity .capacity-items span>strong small{
  color:#aac6cc;
  font-size:.62rem;
}
.plans-capacity .capacity-foot{
  grid-column:2;
  max-width:none;
  margin:5px 0 0;
  padding:12px 14px;
  color:#fff;
  background:rgba(249,115,22,.13);
  border-top:0;
  border-left:2px solid var(--orange);
  font-size:.72rem;
  line-height:1.5;
}
.plans-capacity .capacity-foot span{
  margin-right:10px;
  color:#ffad75;
  font-weight:850;
}
.plans-capacity .section-intro{
  grid-row:1 / span 2;
  align-self:center;
}
.plans-capacity{
  padding:42px;
  column-gap:50px;
  row-gap:8px;
}
.plans-capacity::before{display:none}
@media(max-width:850px){
  .plans-capacity{grid-template-columns:1fr;padding:32px 23px;gap:20px}
  .plans-capacity .section-intro{grid-row:auto}
  .plans-capacity .capacity-items{grid-template-columns:1fr}
  .plans-capacity .capacity-foot{grid-column:1;margin-top:0}
}