.elementor-259 .elementor-element.elementor-element-2d987729{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-259 .elementor-element.elementor-element-1750dab8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-259 .elementor-element.elementor-element-69c003c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-menu-toggle{margin:0 auto;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu .elementor-item{font-family:"Russo One", Sans-serif;font-weight:100;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main .elementor-item{color:#2C3E50;fill:#2C3E50;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main .elementor-item:hover,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main .elementor-item:focus{color:#2C3E50;fill:#2C3E50;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFB347;}.elementor-259 .elementor-element.elementor-element-30d507e7 .e--pointer-framed .elementor-item:before,
.elementor-259 .elementor-element.elementor-element-30d507e7 .e--pointer-framed .elementor-item:after{border-color:#FFB347;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFB347;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFB347;}.elementor-259 .elementor-element.elementor-element-30d507e7 .e--pointer-framed .elementor-item.elementor-item-active:before,
.elementor-259 .elementor-element.elementor-element-30d507e7 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFB347;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a, .elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-menu-toggle{color:#2C3E50;fill:#2C3E50;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a:hover,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a:focus,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a.highlighted,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-menu-toggle:hover,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-menu-toggle:focus{color:#2C3E50;}.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a:hover,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a:focus,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-259 .elementor-element.elementor-element-30d507e7 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFB347;}.elementor-259 .elementor-element.elementor-element-7806e59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-dc66aaf{text-align:center;}.elementor-259 .elementor-element.elementor-element-dc66aaf .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;color:#2C3E50;}.elementor-259 .elementor-element.elementor-element-de87aa0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-259 .elementor-element.elementor-element-cf70ba7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-5c009ba{text-align:end;}.elementor-259 .elementor-element.elementor-element-5c009ba .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;color:#2C3E50;}.elementor-259 .elementor-element.elementor-element-f78b21f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-2463de9 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;text-shadow:0px 0px 16px rgba(0,0,0,0.3);color:#FFB347;}.elementor-259 .elementor-element.elementor-element-ba92ba2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-b3a54a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-479eabb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-5972abb{--spacer-size:116px;}.elementor-259 .elementor-element.elementor-element-436c0b3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-259 .elementor-element.elementor-element-5424a03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-5424a03.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-f7da89a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-f7da89a{text-align:end;}.elementor-259 .elementor-element.elementor-element-f7da89a .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;color:#2C3E50;}.elementor-259 .elementor-element.elementor-element-f9fa70d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-f9fa70d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-2a53fec.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-2a53fec .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;text-shadow:0px 0px 16px rgba(0,0,0,0.3);color:#FFB347;}.elementor-259 .elementor-element.elementor-element-09d7bd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-b27e4cf{text-align:center;color:#0C0C0C;}.elementor-259 .elementor-element.elementor-element-c0ce3ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-c0ce3ad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-31b666e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-259 .elementor-element.elementor-element-a46eb3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-3050a29{text-align:end;}.elementor-259 .elementor-element.elementor-element-3050a29 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;color:#2C3E50;}.elementor-259 .elementor-element.elementor-element-c11c019{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-f640746 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;text-shadow:0px 0px 16px rgba(0,0,0,0.3);color:#FFB347;}.elementor-259 .elementor-element.elementor-element-6661021{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-6661021.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-ff96e79{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-259 .elementor-element.elementor-element-f65b6bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-f65b6bd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-2dc02aa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-2dc02aa{text-align:end;}.elementor-259 .elementor-element.elementor-element-2dc02aa .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;color:#2C3E50;}.elementor-259 .elementor-element.elementor-element-dff0146{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-dff0146.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-b26bfec .elementor-heading-title{font-family:"Russo One", Sans-serif;text-shadow:0px 0px 16px rgba(0,0,0,0.3);color:#FFB347;}.elementor-259 .elementor-element.elementor-element-03ed81f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-6bbebd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-377b616{--spacer-size:116px;}.elementor-259 .elementor-element.elementor-element-4e070b2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-259 .elementor-element.elementor-element-0d34a07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-0d34a07.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-100ce41{text-align:end;}.elementor-259 .elementor-element.elementor-element-100ce41 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;color:#2C3E50;}.elementor-259 .elementor-element.elementor-element-f2fe0d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-f2fe0d4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-76d50b2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-76d50b2 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-weight:600;text-shadow:0px 0px 16px rgba(0,0,0,0.3);color:#FFB347;}.elementor-259 .elementor-element.elementor-element-5b1ebcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-a82e5de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-5f539fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-259 .elementor-element.elementor-element-5424a03{--width:244.8px;}.elementor-259 .elementor-element.elementor-element-f7da89a{width:var( --container-widget-width, 207.8px );max-width:207.8px;--container-widget-width:207.8px;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-f9fa70d{--width:196.8px;}.elementor-259 .elementor-element.elementor-element-2a53fec{width:var( --container-widget-width, 169.8px );max-width:169.8px;--container-widget-width:169.8px;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-f65b6bd{--width:149.8px;}.elementor-259 .elementor-element.elementor-element-2dc02aa{width:var( --container-widget-width, 132.8px );max-width:132.8px;--container-widget-width:132.8px;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-dff0146{--width:221.8px;}.elementor-259 .elementor-element.elementor-element-0d34a07{--width:152.8px;}.elementor-259 .elementor-element.elementor-element-f2fe0d4{--width:155.8px;}.elementor-259 .elementor-element.elementor-element-76d50b2{width:var( --container-widget-width, 153.8px );max-width:153.8px;--container-widget-width:153.8px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-259 .elementor-element.elementor-element-1750dab8{--width:13%;}.elementor-259 .elementor-element.elementor-element-69c003c7{--width:87%;}.elementor-259 .elementor-element.elementor-element-cf70ba7{--width:50%;}.elementor-259 .elementor-element.elementor-element-f78b21f{--width:50%;}.elementor-259 .elementor-element.elementor-element-5424a03{--width:50%;}.elementor-259 .elementor-element.elementor-element-f9fa70d{--width:50%;}.elementor-259 .elementor-element.elementor-element-c0ce3ad{--width:91.833%;}.elementor-259 .elementor-element.elementor-element-a46eb3c{--width:50%;}.elementor-259 .elementor-element.elementor-element-c11c019{--width:50%;}.elementor-259 .elementor-element.elementor-element-6661021{--width:83.626%;}.elementor-259 .elementor-element.elementor-element-f65b6bd{--width:50%;}.elementor-259 .elementor-element.elementor-element-dff0146{--width:50%;}.elementor-259 .elementor-element.elementor-element-0d34a07{--width:50%;}.elementor-259 .elementor-element.elementor-element-f2fe0d4{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-101332f *//* ============================================= */
/* VARIABLES Y ESTILOS GLOBALES */
/* ============================================= */
:root {
--color-primary: #2C3E50;
--color-secondary: #FFB347;
--color-secondary-light: #FFCC33;
--color-bg-light: #f8f9fa;
--color-border: #e9ecef;
--color-success: #28a745;
--color-warning: #ffc107;
--color-danger: #dc3545;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: white;
color: var(--color-primary);
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
section {
padding: 80px 0;
}
/* ============================================= */
/* HEADER */
/* ============================================= */
.maintenance-header {
background: linear-gradient(135deg, var(--color-primary) 0%, #1a252f 100%);
color: white;
padding: 100px 0 80px;
text-align: center;
position: relative;
overflow: hidden;
}
.maintenance-header:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
background-size: cover;
opacity: 0.3;
}
.header-content {
position: relative;
z-index: 2;
max-width: 800px;
margin: 0 auto;
}
.header-badge {
display: inline-block;
background: var(--color-secondary);
color: var(--color-primary);
padding: 8px 20px;
border-radius: 30px;
font-weight: 700;
font-size: 14px;
margin-bottom: 20px;
letter-spacing: 1px;
}
.header-content h1 {
font-size: 3.2rem;
font-weight: 800;
margin-bottom: 20px;
line-height: 1.2;
}
.header-content h1 span {
color: var(--color-secondary);
}
.header-content p {
font-size: 1.2rem;
opacity: 0.9;
margin-bottom: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.header-stats {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 50px;
flex-wrap: wrap;
}
.stat-item {
text-align: center;
}
.stat-number {
font-size: 2.5rem;
font-weight: 800;
color: var(--color-secondary);
margin-bottom: 5px;
}
.stat-label {
font-size: 0.9rem;
opacity: 0.8;
font-weight: 600;
}
/* ============================================= */
/* COMPARADOR DE COSTOS */
/* ============================================= */
.cost-comparison {
background: var(--color-bg-light);
padding: 60px 0;
}
.comparison-container {
max-width: 1000px;
margin: 0 auto;
}
.section-title {
text-align: center;
margin-bottom: 50px;
}
.section-title h2 {
font-size: 2.5rem;
color: var(--color-primary);
margin-bottom: 15px;
}
.section-title p {
color: var(--color-primary);
opacity: 0.7;
font-size: 1.1rem;
max-width: 600px;
margin: 0 auto;
}
.comparison-table {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.comparison-header {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
background: var(--color-primary);
color: white;
font-weight: 700;
text-align: center;
}
.comparison-cell {
padding: 20px;
border-right: 1px solid rgba(255,255,255,0.1);
}
.comparison-cell:last-child {
border-right: none;
}
.comparison-row {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
border-bottom: 1px solid var(--color-border);
}
.comparison-row:last-child {
border-bottom: none;
}
.comparison-row .comparison-cell {
padding: 15px 20px;
display: flex;
align-items: center;
}
.cost-bad {
color: var(--color-danger);
font-weight: 700;
}
.cost-good {
color: var(--color-success);
font-weight: 700;
}
.icon-check {
color: var(--color-success);
margin-right: 10px;
font-size: 1.2rem;
}
.icon-cross {
color: var(--color-danger);
margin-right: 10px;
font-size: 1.2rem;
}
/* ============================================= */
/* TABLA DE PLANES */
/* ============================================= */
.plans-section {
padding: 80px 0;
}
.plans-toggle {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 40px;
background: var(--color-bg-light);
padding: 10px;
border-radius: 50px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.toggle-btn {
padding: 12px 30px;
border: none;
background: none;
border-radius: 30px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
flex: 1;
color: var(--color-primary);
}
.toggle-btn.active {
background: var(--color-secondary);
color: var(--color-primary);
}
.plans-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
.plan-card {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
border: 2px solid var(--color-border);
position: relative;
}
.plan-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}
.plan-card.popular {
border-color: var(--color-secondary);
transform: scale(1.05);
}
.plan-card.popular:hover {
transform: scale(1.05) translateY(-10px);
}
.plan-popular-badge {
position: absolute;
top: 20px;
right: -35px;
background: var(--color-secondary);
color: var(--color-primary);
padding: 8px 40px;
font-weight: 700;
font-size: 14px;
transform: rotate(45deg);
z-index: 1;
}
.plan-header {
padding: 40px 30px 30px;
text-align: center;
background: var(--color-bg-light);
border-bottom: 1px solid var(--color-border);
}
.plan-name {
font-size: 1.8rem;
font-weight: 700;
color: var(--color-primary);
margin-bottom: 10px;
}
.plan-description {
color: var(--color-primary);
opacity: 0.7;
font-size: 0.95rem;
margin-bottom: 20px;
}
.plan-price {
margin-bottom: 20px;
}
.price-amount {
font-size: 3rem;
font-weight: 800;
color: var(--color-primary);
line-height: 1;
}
.price-period {
color: var(--color-primary);
opacity: 0.7;
font-size: 1rem;
}
.price-savings {
display: inline-block;
background: var(--color-success);
color: white;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
margin-top: 10px;
}
.plan-features {
padding: 30px;
}
.feature-category {
margin-bottom: 25px;
}
.category-title {
font-size: 1.1rem;
font-weight: 700;
color: var(--color-primary);
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid var(--color-border);
display: flex;
align-items: center;
gap: 10px;
}
.category-title i {
color: var(--color-secondary);
}
.feature-list {
list-style: none;
}
.feature-item {
padding: 8px 0;
display: flex;
align-items: center;
gap: 10px;
}
.feature-item i {
color: var(--color-success);
font-size: 0.9rem;
flex-shrink: 0;
}
.feature-item.disabled {
opacity: 0.5;
}
.feature-item.disabled i {
color: var(--color-border);
}
.plan-cta {
padding: 0 30px 30px;
text-align: center;
}
.btn-plan {
display: block;
width: 100%;
padding: 16px;
border-radius: 8px;
font-weight: 700;
font-size: 1.1rem;
text-decoration: none;
text-align: center;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.btn-plan-primary {
background: var(--color-secondary);
color: var(--color-primary);
}
.btn-plan-primary:hover {
background: var(--color-secondary-light);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(255, 179, 71, 0.3);
}
.btn-plan-secondary {
background: var(--color-primary);
color: white;
}
.btn-plan-secondary:hover {
background: #1a252f;
transform: translateY(-2px);
}
/* ============================================= */
/* CALCULADORA ROI */
/* ============================================= */
.roi-calculator {
background: linear-gradient(135deg, var(--color-primary) 0%, #1a252f 100%);
color: white;
padding: 80px 0;
text-align: center;
}
.calculator-container {
max-width: 800px;
margin: 0 auto;
}
.calculator-title {
font-size: 2.5rem;
margin-bottom: 30px;
}
.calculator-title span {
color: var(--color-secondary);
}
.calculator-form {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 12px;
padding: 40px;
margin-bottom: 40px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.form-group {
margin-bottom: 25px;
text-align: left;
}
.form-label {
display: block;
margin-bottom: 10px;
font-weight: 600;
}
.form-range {
width: 100%;
height: 8px;
background: rgba(255, 255, 255, 0.2);
border-radius: 4px;
outline: none;
-webkit-appearance: none;
}
.form-range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 24px;
height: 24px;
background: var(--color-secondary);
border-radius: 50%;
cursor: pointer;
}
.range-value {
display: inline-block;
background: var(--color-secondary);
color: var(--color-primary);
padding: 4px 12px;
border-radius: 20px;
font-weight: 700;
margin-left: 15px;
}
.roi-result {
background: white;
color: var(--color-primary);
border-radius: 12px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.roi-amount {
font-size: 3rem;
font-weight: 800;
color: var(--color-success);
margin-bottom: 10px;
}
.roi-description {
font-size: 1.1rem;
margin-bottom: 20px;
}
/* ============================================= */
/* FAQ */
/* ============================================= */
.faq-section {
background: var(--color-bg-light);
padding: 80px 0;
}
.faq-container {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
background: white;
border-radius: 8px;
margin-bottom: 15px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}
.faq-question {
padding: 20px 30px;
font-weight: 600;
font-size: 1.1rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
color: var(--color-primary);
}
.faq-question:hover {
background: #f8f9fa;
}
.faq-answer {
padding: 0 30px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq-answer.active {
padding: 0 30px 20px;
max-height: 500px;
}
.faq-icon {
transition: transform 0.3s ease;
}
.faq-item.active .faq-icon {
transform: rotate(180deg);
}
/* ============================================= */
/* CTA FINAL */
/* ============================================= */
.final-cta {
padding: 80px 0;
text-align: center;
}
.cta-card {
background: linear-gradient(135deg, var(--color-primary) 0%, #1a252f 100%);
color: white;
border-radius: 16px;
padding: 60px 40px;
max-width: 800px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.cta-card:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
background-size: cover;
opacity: 0.3;
}
.cta-content {
position: relative;
z-index: 2;
}
.cta-content h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.cta-content p {
font-size: 1.2rem;
opacity: 0.9;
margin-bottom: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.btn-cta {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--color-secondary);
color: var(--color-primary);
padding: 18px 40px;
border-radius: 50px;
font-weight: 700;
font-size: 1.1rem;
text-decoration: none;
transition: all 0.3s ease;
}
.btn-cta:hover {
background: var(--color-secondary-light);
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(255, 179, 71, 0.3);
}
.cta-bonus {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.bonus-list {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
margin-top: 20px;
}
.bonus-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.95rem;
}
.bonus-item i {
color: var(--color-secondary);
}
/* ============================================= */
/* RESPONSIVE */
/* ============================================= */
@media (max-width: 992px) {
.plans-grid {
grid-template-columns: 1fr;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.plan-card.popular {
transform: scale(1);
}
.plan-card.popular:hover {
transform: translateY(-10px);
}
.header-content h1 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
section {
padding: 60px 0;
}
.comparison-row,
.comparison-header {
grid-template-columns: 1fr;
display: block;
}
.comparison-cell {
display: block;
padding: 15px;
border-bottom: 1px solid var(--color-border);
border-right: none;
}
.comparison-cell:before {
content: attr(data-label);
font-weight: 700;
display: block;
margin-bottom: 5px;
color: var(--color-primary);
opacity: 0.7;
}
.comparison-header .comparison-cell:before {
display: none;
}
.header-stats {
gap: 20px;
}
.stat-number {
font-size: 2rem;
}
.calculator-form {
padding: 30px 20px;
}
}
@media (max-width: 576px) {
.header-content h1 {
font-size: 2rem;
}
.section-title h2 {
font-size: 2rem;
}
.plans-toggle {
flex-direction: column;
border-radius: 12px;
}
.btn-cta {
padding: 15px 30px;
font-size: 1rem;
}
}/* End custom CSS */