/* Tipos de comercio · extensión visual nativa de VLENET. */
.commerce-types-hero{padding-bottom:28px}
.commerce-types-hero>p{max-width:790px}
.commerce-types-catalog{padding-top:42px}
.commerce-types-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:880px;margin:0 auto}
.commerce-type-card{position:relative;overflow:hidden;border:1px solid #e4e9eb;border-radius:24px;padding:34px;box-shadow:0 16px 45px -32px #1c2d342e;min-height:360px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}
.commerce-type-card::after{content:'';position:absolute;width:300px;height:300px;border:1px solid #dfe8ef;border-radius:50%;right:-115px;top:-128px;z-index:-1;opacity:.65}
.commerce-type-card__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}
.commerce-type-card__head>.large-icon{background:#fff;border:1px solid #e3e9ee;box-shadow:var(--shadow-sm);color:#526873}
.commerce-type-card>.micro-label{letter-spacing:1.45px}
.commerce-type-card h2{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-1.8px;max-width:710px;margin-top:12px}
.commerce-type-card>p{font-size:14px;line-height:1.9;max-width:650px;margin-top:18px}
.commerce-type-card__solution{margin-top:auto;padding-top:34px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-top:1px solid #dfe6ea}
.commerce-type-card__solution>span small{display:block;font-size:9px;color:#7e888e;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}
.commerce-type-card__solution>span strong{font-size:18px;letter-spacing:-.5px}
.commerce-types-roadmap{max-width:880px;margin:20px auto 0;border:1px solid #e8e9eb;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;background:#fbfcfb}
.commerce-types-roadmap strong{display:block;font-size:12px;font-weight:650}
.commerce-types-roadmap p{font-size:10px;line-height:1.65;margin-top:3px}
.commerce-types-cta{margin-top:10px}

/* Presentación comercial de SaaS dentro del modal compartido. */
.saas-dialog-body{margin-top:18px}
.saas-product-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);gap:24px;align-items:stretch}
.saas-product-intro>div:first-child{padding:24px;border:1px solid #e7ebe7;border-radius:17px;background:#fbfcfb}
.saas-product-intro h3{font-size:26px;line-height:1.2;letter-spacing:-1px;margin-top:16px}
.saas-product-intro p{font-size:12px;line-height:1.85;margin-top:13px}
.saas-product-mark{border:1px solid #e4e9ee;border-radius:17px;background:linear-gradient(145deg,#f2f7fb,#fff);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:180px}
.saas-product-mark strong{font-size:25px;letter-spacing:-1px;margin-top:20px}
.saas-product-mark small{font-size:9px;line-height:1.65;color:#7d8991;margin-top:7px}
.saas-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.saas-benefit-card{border:1px solid #e7eae7;border-radius:14px;padding:18px;background:#fff}
.saas-benefit-card h3{font-size:14px;letter-spacing:-.35px;margin-top:14px}
.saas-benefit-card p{font-size:10px;line-height:1.75;margin-top:8px}
.saas-capabilities{margin-top:16px;border:1px solid #e7eae7;border-radius:15px;padding:18px 20px;background:#fbfcfb}
.saas-capabilities .panel-title{margin-bottom:13px}
.saas-capability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
.saas-capability-list>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#59635b;min-width:0}
.saas-capability-list .icon{width:13px;height:13px;flex-basis:13px;color:#5f7858}
.saas-migration-note{margin-top:16px;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:12px;background:#f2f4f5;color:#687078;font-size:10px;line-height:1.7}
.saas-migration-note>.icon{width:16px;height:16px;flex-basis:16px;margin-top:1px}
.saas-migration-note strong{color:#3f474d}
.saas-actions{align-items:flex-end}
.saas-actions>span{max-width:250px}

@media(max-width:980px){
 .commerce-type-card{padding:30px}
 .saas-product-intro{grid-template-columns:1fr}
 .saas-product-mark{min-height:135px}
 .saas-capabilities .saas-capability-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .commerce-types-catalog{padding-top:28px}
 .commerce-type-card{padding:25px 21px;border-radius:19px;min-height:330px}
 .commerce-type-card__head{margin-bottom:27px}
 .commerce-type-card h2{font-size:30px;letter-spacing:-1.2px}
 .commerce-type-card>p{font-size:12px}
 .commerce-type-card__solution{align-items:flex-start;flex-direction:column;padding-top:25px;gap:17px}
 .commerce-type-card__solution .btn{width:100%}
 .commerce-types-roadmap{align-items:flex-start;padding:16px}
 .saas-product-intro>div:first-child,.saas-product-mark{padding:19px}
 .saas-product-intro h3{font-size:22px}
 .saas-benefits-grid{grid-template-columns:1fr}
 .saas-capability-list,.saas-capabilities .saas-capability-list{grid-template-columns:1fr}
 .saas-actions{align-items:flex-start}
 .saas-actions .button-row{width:100%;flex-direction:column;align-items:stretch}
 .saas-actions .btn{width:100%}
}