.como-page{min-height:100vh}.como-hero{position:relative;background:linear-gradient(135deg,#111827,#000);overflow:hidden;padding:4rem 1.5rem;text-align:center}.como-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(109,40,217,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(217,70,239,.1) 0%,transparent 50%);pointer-events:none}.como-hero__inner{position:relative;z-index:1;max-width:700px;margin:0 auto}.como-hero__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem 1rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:9999px;font-size:.75rem;font-weight:600;color:#c4b5fd;margin-bottom:1.5rem}.como-hero__title{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;color:#fff}.como-hero__title em{font-style:normal;background:linear-gradient(135deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.como-hero__title{font-size:2.25rem}}.como-hero__subtitle{font-size:1.125rem;color:#d1d5db;line-height:1.7;margin:0}.como-steps{max-width:1320px;margin:0 auto;padding:4rem 1.5rem}.como-steps__inner{max-width:900px;margin:0 auto}.como-steps__title{font-size:2.25rem;font-weight:800;color:#f3f4f6;text-align:center;margin:0 0 4rem}.como-steps__timeline{position:relative;display:flex;flex-direction:column;gap:2rem}.como-steps__line{position:absolute;top:0;bottom:0;left:24px;width:2px;background:linear-gradient(180deg,#6d28d9,#d946ef,#22d3ee);opacity:.3}@media(max-width:640px){.como-steps__line{left:20px}}.como-steps__item{display:grid;grid-template-columns:50px 1fr;gap:1.5rem;position:relative}@media(max-width:640px){.como-steps__item{grid-template-columns:42px 1fr;gap:1rem}}.como-steps__number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#d946ef);color:#fff;font-size:1.25rem;font-weight:800;z-index:1;box-shadow:0 0 20px #6d28d94d}@media(max-width:640px){.como-steps__number{width:42px;height:42px;font-size:1rem}}.como-steps__card{background:#ffffff0f;border:1px solid rgba(109,40,217,.1);border-radius:16px;padding:2rem;transition:all .3s}.como-steps__card:hover{border-color:#6d28d940;background:#6d28d914}.como-steps__card h3{font-size:1.25rem;font-weight:700;color:#f3f4f6;margin:0 0 .5rem}.como-steps__card p{font-size:1rem;color:#9ca3af;line-height:1.7;margin:0}.como-steps__card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;margin-bottom:1rem}.como-steps__card-icon--purple{background:#6d28d926;color:#8b5cf6}.como-steps__card-icon--fuchsia{background:#d946ef26;color:#d946ef}.como-steps__card-icon--cyan{background:#22d3ee26;color:#22d3ee}.como-steps__card-icon--green{background:#4ade8026;color:#4ade80}.como-ventajas{position:relative;max-width:1320px;margin:0 auto;padding:4rem 1.5rem;background:#111827}.como-ventajas:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(109,40,217,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(217,70,239,.06) 0%,transparent 50%);pointer-events:none}.como-ventajas__inner{position:relative;z-index:1}.como-ventajas__title{font-size:2.25rem;font-weight:800;color:#f3f4f6;text-align:center;margin:0 0 .5rem}.como-ventajas__subtitle{font-size:1.125rem;color:#9ca3af;text-align:center;margin:0 0 4rem}.como-ventajas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media(max-width:1024px){.como-ventajas__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.como-ventajas__grid{grid-template-columns:1fr}}.como-ventajas__card{padding:2rem;background:#ffffff0f;border:1px solid rgba(109,40,217,.08);border-radius:16px;transition:all .3s}.como-ventajas__card:hover{border-color:#6d28d940;transform:translateY(-4px);box-shadow:0 12px 32px #6d28d91a}.como-ventajas__card svg{color:#8b5cf6;margin-bottom:1rem}.como-ventajas__card h3{font-size:1.125rem;font-weight:700;color:#f3f4f6;margin:0 0 .5rem}.como-ventajas__card p{font-size:.875rem;color:#9ca3af;line-height:1.7;margin:0}.como-ejemplo{max-width:1320px;margin:0 auto;padding:4rem 1.5rem}.como-ejemplo__inner{max-width:800px;margin:0 auto}.como-ejemplo__title{font-size:1.875rem;font-weight:800;color:#f3f4f6;text-align:center;margin:0 0 3rem}.como-ejemplo__card{background:#ffffff0f;border:1px solid rgba(109,40,217,.15);border-radius:24px;overflow:hidden}.como-ejemplo__scenario{padding:3rem}.como-ejemplo__product{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.como-ejemplo__product svg{color:#8b5cf6;flex-shrink:0}.como-ejemplo__product strong{display:block;font-size:1.25rem;color:#f3f4f6;margin-bottom:2px}.como-ejemplo__product span{font-size:.875rem;color:#9ca3af}.como-ejemplo__divider{height:1px;background:#6d28d91a;margin-bottom:2rem}.como-ejemplo__details{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:640px){.como-ejemplo__details{grid-template-columns:repeat(2,1fr)}}.como-ejemplo__detail{text-align:center;padding:1rem;background:#6d28d90f;border-radius:12px}.como-ejemplo__detail-label{display:block;font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.como-ejemplo__detail-value{display:block;font-size:1.5rem;font-weight:800;color:#f3f4f6}.como-ejemplo__detail-value--highlight{background:linear-gradient(135deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.como-ejemplo__note{display:flex;align-items:flex-start;gap:.5rem;padding:1.5rem 2rem;background:#6d28d914;border-top:1px solid rgba(109,40,217,.1);font-size:.875rem;color:#d1d5db;line-height:1.6;margin:0}.como-ejemplo__note svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.como-faq{max-width:1320px;margin:0 auto;padding:4rem 1.5rem}.como-faq__inner{max-width:900px;margin:0 auto}.como-faq__title{font-size:1.875rem;font-weight:800;color:#f3f4f6;text-align:center;margin:0 0 3rem}.como-faq__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:640px){.como-faq__grid{grid-template-columns:1fr}}.como-faq__item{padding:1.5rem;background:#ffffff0f;border:1px solid rgba(109,40,217,.08);border-radius:16px}.como-faq__item h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#f3f4f6;margin:0 0 .5rem}.como-faq__item h3 svg{color:#8b5cf6;flex-shrink:0}.como-faq__item p{font-size:.875rem;color:#9ca3af;line-height:1.6;margin:0;padding-left:calc(18px + .5rem)}.como-faq__cta{text-align:center;margin-top:3rem}.como-cta{max-width:1320px;margin:0 auto;padding:4rem 1.5rem}.como-cta__inner{text-align:center;padding:4rem;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:24px;position:relative;overflow:hidden}.como-cta__inner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(109,40,217,.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(217,70,239,.1) 0%,transparent 50%);pointer-events:none}.como-cta__inner>svg{position:relative;z-index:1;color:#8b5cf6;margin-bottom:1.5rem}.como-cta__title{position:relative;z-index:1;font-size:1.875rem;font-weight:700;color:#f3f4f6;margin:0 0 1rem}.como-cta__text{position:relative;z-index:1;font-size:1.125rem;color:#9ca3af;margin:0 0 2rem}.como-cta__buttons{position:relative;z-index:1;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}