/* Página «Precios»: reutiliza el encabezado, el cierre y la paleta verde de nosotros.css. */
.pre-main{padding:70px 0 40px}
.pre-grid{display:flex;gap:30px;align-items:stretch}
.pre-demo{flex:0 0 36%;max-width:36%;padding:46px 36px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#1fa36d 0%,#32c788 100%);box-shadow:0 24px 50px rgba(50,199,136,.25)}
.pre-demo .tag{display:inline-block;margin-bottom:18px;padding:6px 16px;border-radius:30px;background:rgba(255,255,255,.22);font-size:14px}
.pre-demo h2{margin:0 0 12px;color:#fff;font-size:38px;line-height:1.05em;font-family:'Poppins',sans-serif}
.pre-demo p{margin:0 0 28px;color:#fff;font-size:17px;line-height:1.55em}
.pre-demo .btn-w{display:inline-block;padding:14px 32px;border-radius:5px;background:#fff;color:#19274d;font-size:16px;transition:all .3s}
.pre-demo .btn-w:hover{background:#19274d;color:#fff}

.pre-plan{flex:1 1 0;min-width:0;padding:44px 40px;border-radius:26px;background:#fff;box-shadow:0 14px 40px rgba(25,39,77,.10)}
.pre-plan .head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:26px;border-bottom:2px solid #e3f6ed}
.pre-plan .label{color:#32c788;font-size:17px}
.pre-plan h2{margin:4px 0 0;color:#19274d;font-size:42px;line-height:1.05em;font-family:'Poppins',sans-serif}
.pre-plan .medida{color:#32c788;font-size:56px;line-height:1em;font-family:'Poppins',sans-serif}
.pre-plan .text{margin:24px 0 28px;color:#19274d;font-size:17px;line-height:1.55em}
.pre-plan .cols{display:flex;gap:30px}
.pre-plan .cols>div{flex:1 1 0}

.pre-mods{padding:90px 0 60px;background:#eefaf4;margin-top:50px}
.pre-mods .head{margin-bottom:50px;text-align:center}
.pre-mods .head .t{color:#32c788;font-size:18px}
.pre-mods .head h2{margin:8px 0 0;color:#19274d;font-size:50px;line-height:1em;font-family:'Poppins',sans-serif}
.pre-mods .head p{max-width:600px;margin:16px auto 0;color:#19274d;font-size:18px;line-height:1.5em}
.pre-mods .grid{display:flex;gap:26px;flex-wrap:wrap}
.pre-mod{flex:1 1 280px;margin-bottom:26px;padding:34px 30px;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(50,199,136,.12);transition:transform .3s}
.pre-mod:hover{transform:translateY(-4px)}
.pre-mod .tag{display:inline-block;margin-bottom:16px;padding:5px 14px;border-radius:30px;background:#eefaf4;color:#1fa36d;font-size:13px}
.pre-mod h3{margin:0 0 10px;color:#19274d;font-size:26px;line-height:1.1em;font-family:'Poppins',sans-serif}
.pre-mod p{margin:0 0 20px;color:#19274d;font-size:16px;line-height:1.55em}
.pre-mod a{color:#1fa36d;font-size:16px}
.pre-mod a:hover{text-decoration:underline}

.pre-steps{padding:90px 0 20px}
.pre-steps .head{margin-bottom:44px;text-align:center}
.pre-steps .head h2{margin:0;color:#19274d;font-size:46px;line-height:1.05em;font-family:'Poppins',sans-serif}
.pre-steps .grid{display:flex;gap:22px;flex-wrap:wrap}
.pre-step{flex:1 1 260px;padding:32px 28px;border-radius:14px;border:2px solid #e3f6ed;transition:all .3s}
.pre-step:hover{border-color:#32c788}
.pre-step .n{color:#32c788;font-size:60px;line-height:1em;font-family:'Poppins',sans-serif}
.pre-step h4{margin:12px 0 6px;color:#19274d;font-size:21px;line-height:1.25em;font-family:'Poppins',sans-serif}
.pre-step p{margin:0;color:#19274d;font-size:15px;line-height:1.55em}

@media (max-width:991px){
	.pre-grid{flex-direction:column}
	.pre-demo{flex:none;max-width:none}
	.pre-plan{padding:34px 24px}
	.pre-plan .cols{flex-direction:column;gap:0}
	.pre-plan h2{font-size:32px}
	.pre-plan .medida{font-size:42px}
	.pre-mods .head h2,.pre-steps .head h2{font-size:34px}
}

/* Planes en tarjetas (precios) */
.pl-section{padding:70px 0 90px;background:#f4fbf8}
.pl-grid{display:flex;flex-wrap:wrap;gap:26px;justify-content:center;align-items:stretch;margin-top:40px}
.pl-card{flex:1 1 250px;max-width:280px;padding:30px 22px;display:flex;flex-direction:column;background:#fff;border:1px solid #e3f6ed;border-radius:14px;box-shadow:0 8px 28px rgba(25,39,77,.07)}
.pl-card.dest{border:2px solid #32c788;box-shadow:0 16px 40px rgba(50,199,136,.18)}
.pl-card h2{margin:0 0 10px;font-size:24px;color:#19274d}
.pl-card .sub{min-height:52px;margin:0 0 22px;font-size:15px;line-height:1.6;color:#6b7690}
.pl-card .precio{margin-bottom:22px;padding:16px 0;border-top:1px solid #e3f6ed;border-bottom:1px solid #e3f6ed}
.pl-card .precio .n{display:block;font-size:24px;line-height:1.2;color:#32c788}
.pl-card .precio small{font-size:13px;color:#6b7690}
.pl-card .botones{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
.pl-card .pl-b1{display:block;text-align:center}
.pl-card .pl-b2{display:block;padding:12px;text-align:center;border:1px solid #32c788;border-radius:8px;font-size:15px;color:#32c788;transition:background .2s,color .2s}
.pl-card .pl-b2:hover{background:#32c788;color:#fff}
.pl-card .inc{margin-bottom:12px;font-size:14px;color:#19274d}
.pl-lista{margin:0;padding:0;list-style:none}
.pl-lista li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:15px;line-height:1.5;color:#6b7690}
.pl-lista i{margin-top:4px;font-size:13px;color:#32c788;flex:none}
.pl-aviso{margin:50px auto 0;max-width:900px;text-align:center;font-size:15px;line-height:1.6;color:#000}
@media (max-width:767px){.pl-section{padding:50px 0 70px}.pl-card .sub{min-height:0}}

/* Tarjetas pegadas; la segunda sobresale 20 px por arriba, por abajo y a lo ancho */
.pl-grid{gap:0;margin-top:70px;align-items:stretch}
.pl-card{border-radius:0;box-shadow:none}
.pl-card+.pl-card{margin-left:-1px}
.pl-card:first-child{border-radius:14px 0 0 14px}
.pl-card:last-child{border-radius:0 14px 14px 0}
.pl-card.dest{position:relative;z-index:2;margin-top:-20px;margin-bottom:-20px;max-width:300px;flex-basis:270px;padding-top:50px;padding-bottom:50px;border-radius:14px;box-shadow:0 16px 40px rgba(50,199,136,.22)}
@media (max-width:1199px){
  .pl-grid{gap:20px}
  .pl-card,.pl-card:first-child,.pl-card:last-child{border-radius:14px;box-shadow:0 8px 28px rgba(25,39,77,.07)}
  .pl-card+.pl-card{margin-left:0}
  .pl-card.dest{margin:0;padding-top:34px;padding-bottom:34px;max-width:280px;flex-basis:250px}
}

/* Planes en dólares: precio y límites de cada licencia */
.pl-card .precio .n b{font-size:34px;font-weight:400!important;color:#32c788}
.pl-card .precio .n em{font-style:normal;font-size:15px;color:#6b7690;margin-left:4px}
.pl-limites{margin:0 0 22px;padding:14px 16px;list-style:none;background:#f4fbf8;border-radius:10px}
.pl-limites li{display:flex;gap:12px;align-items:center;margin-bottom:9px;font-size:14px;line-height:1.4;color:#19274d}
.pl-limites li:last-child{margin-bottom:0}
.pl-limites i{width:16px;text-align:center;font-size:13px;color:#32c788;flex:none}

/* Plan destacado: colores invertidos (fondo oscuro, texto claro) */
.pl-card.dest{background:#19274d;border-color:#32c788}
.pl-card.dest h2,.pl-card.dest .inc,.pl-card.dest .pl-lista li,.pl-card.dest .pl-limites li{color:#fff}
.pl-card.dest .sub,.pl-card.dest .precio .n em,.pl-card.dest .precio small{color:rgba(255,255,255,.75)}
.pl-card.dest .precio{border-color:rgba(255,255,255,.18)}
.pl-card.dest .pl-limites{background:rgba(255,255,255,.08)}
.pl-card.dest .pl-b2{color:#fff;border-color:rgba(255,255,255,.6)}
.pl-card.dest .pl-b2:hover{background:#32c788;border-color:#32c788;color:#fff}
.pl-card.dest{border-color:#19274d}

/* Crecimiento: queda por encima de las columnas 1 y 3; el tamaño extra se monta sobre ellas */
@media (min-width:1200px){.pl-card.dest{flex:0 0 300px;max-width:300px;margin-left:-10px;margin-right:-10px}}

/* Mismo alto en el recuadro de límites: los botones de las cuatro columnas quedan alineados */
.pl-limites{box-sizing:border-box;min-height:291px}

/* Plan destacado en verde con letra clara */
.pl-card.dest{background:#32c788;border-color:#32c788;box-shadow:0 16px 40px rgba(50,199,136,.35)}
.pl-card.dest h2,.pl-card.dest .inc,.pl-card.dest .pl-lista li,.pl-card.dest .pl-limites li,.pl-card.dest .precio .n b{color:#fff}
.pl-card.dest .sub{color:rgba(255,255,255,.92)}
.pl-card.dest .precio .n em,.pl-card.dest .precio small{color:rgba(255,255,255,.88)}
.pl-card.dest .precio{border-color:rgba(255,255,255,.35)}
.pl-card.dest .pl-limites{background:rgba(255,255,255,.18)}
.pl-card.dest .pl-limites i,.pl-card.dest .pl-lista i{color:#fff}
.pl-card.dest .pl-b1{background-image:none;background-color:#fff;color:#32c788;transition:color .4s}
.pl-card.dest .pl-b1:before{background-image:none;background-color:#19274d}
.pl-card.dest .pl-b1:hover{color:#fff}
.pl-card.dest .pl-b2{color:#fff;border-color:#fff}
.pl-card.dest .pl-b2:hover{background:#fff;color:#32c788;border-color:#fff}

/* Letra de las tarjetas 4 px más grande (textos y botones) */
@media (min-width:1200px){.pl-card{max-width:292px}.pl-card.dest{flex-basis:312px;max-width:312px}}
.pl-card h2{font-size:28px}
.pl-card .sub{font-size:19px}
.pl-card .precio .n b{font-size:38px}
.pl-card .precio .n em{font-size:19px}
.pl-card .precio small{font-size:17px}
.pl-limites li{font-size:18px}
.pl-limites i{width:20px;font-size:17px}
.pl-card .inc{font-size:18px}
.pl-lista li{font-size:19px}
.pl-lista i{margin-top:6px;font-size:17px}
.pl-card .pl-b1{font-size:20px}
.pl-card .pl-b2{font-size:19px}
/* Alineación con la letra más grande: misma altura de descripción y botón en una sola línea */
.pl-card .sub{min-height:91px}
.pl-card .pl-b1{padding:12px 14px;white-space:nowrap}
/* Paquetes adicionales: mismo diseño que «Precios y planes» del inicio */
.pricing-section.pl-extra .price-box .price{font-size:64px}
.pricing-section.pl-extra .price-box-two .box-inner .content{padding-left:0}
.pricing-section.pl-extra .price-box-two .box-inner .content .price-box{position:static;text-align:center}
.pricing-section.pl-extra .price-box-two .box-inner .content .price{font-size:56px}
.pricing-section.pl-extra .pl-extra-t{margin:12px auto 0;max-width:230px;font-size:15px;line-height:1.5;color:#3d4863}
.pricing-section.pl-extra .price-box-two .pl-extra-t{max-width:420px}
/* Los tres recuadros ocupan todo el alto de «Crece cuando lo necesites» */
.pricing-section.pl-extra .column>.row{height:100%;align-content:stretch}
.pricing-section.pl-extra .price-box,.pricing-section.pl-extra .price-box-two{display:flex}
.pricing-section.pl-extra .price-box-two{margin-bottom:0}
.pricing-section.pl-extra .price-box>.box-inner,.pricing-section.pl-extra .price-box-two>.box-inner{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:26px 24px}
.pricing-section.pl-extra .price-box-two .box-inner .content{padding-top:0}
.pricing-section.pl-extra .price-box-two .content .price-box{display:block;margin-bottom:0}
/* Texto bajo el botón COMPRAR: 14px con interlineado de 16px */
.pl-card .inc{font-size:14px;line-height:16px}
.pl-lista li{font-size:14px;line-height:16px;margin-bottom:10px;gap:10px}
.pl-lista i{margin-top:2px;font-size:13px}
