:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9aa361f *//*====================================================
HERO PREMIUM
=====================================================*/

.cb-hero{

display:flex;

align-items:center;

justify-content:space-between;

gap:60px;

padding:50px;

background:linear-gradient(135deg,#004680,#0085d1);

border-radius:30px;

margin-bottom:60px;

overflow:hidden;

color:white;

box-shadow:0 20px 60px rgba(0,70,128,.18);

}

.cb-hero-left{

flex:1;

}

.cb-hero-right{

flex:1;

text-align:center;

}

.cb-hero-right img{

width:100%;

max-width:420px;

transition:.5s;

filter:drop-shadow(0 20px 35px rgba(0,0,0,.25));

}

.cb-hero:hover img{

transform:scale(1.05);

}

.cb-product-tag{

display:inline-block;

padding:10px 22px;

background:white;

color:#004680;

border-radius:40px;

font-size:14px;

font-weight:700;

margin-bottom:20px;

text-transform:uppercase;

}

.cb-hero h1{

font-size:52px;

margin-bottom:20px;

color:white;

}

.cb-hero h3{

font-size:24px;

font-weight:300;

line-height:1.5;

margin-bottom:35px;

color:white;

}

.cb-meta{

display:flex;

gap:15px;

flex-wrap:wrap;

}

.cb-meta span{

background:rgba(255,255,255,.15);

padding:12px 18px;

border-radius:30px;

backdrop-filter:blur(8px);

font-size:15px;

}

@media(max-width:900px){

.cb-hero{

flex-direction:column-reverse;

text-align:center;

padding:35px 25px;

}

.cb-meta{

justify-content:center;

}

}

/*====================================================
FICHA TECNICA
=====================================================*/

.cb-specs{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

gap:25px;

margin:60px 0;

}

.cb-spec{

background:white;

padding:30px;

border-radius:20px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

text-align:center;

transition:.35s;

}

.cb-spec:hover{

transform:translateY(-8px);

}

.cb-spec h4{

color:#004680;

font-size:18px;

margin-bottom:12px;

}

.cb-spec p{

margin:0;

font-weight:600;

}

/*====================================================
INDICE
=====================================================*/

.cb-index{

background:#F7FBFF;

padding:40px;

border-radius:25px;

margin:50px 0;

border-left:6px solid #004680;

}

.cb-index-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:18px;

margin-top:30px;

}

.cb-index-grid a{

display:block;

padding:18px;

background:white;

border-radius:14px;

text-decoration:none;

font-weight:700;

color:#004680;

box-shadow:0 8px 20px rgba(0,0,0,.05);

transition:.3s;

}

.cb-index-grid a:hover{

background:#004680;

color:white;

transform:translateY(-4px);

}

/*=========================================
TARJETAS
=========================================*/

.cb-card{

background:#fff;

padding:45px;

border-radius:22px;

margin:60px 0;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

}

.cb-card:hover{

transform:translateY(-4px);

box-shadow:0 18px 45px rgba(0,70,128,.10);

}

.cb-card h2{

color:#004680;

font-size:34px;

margin-bottom:25px;

position:relative;

}

.cb-card h2::after{

content:"";

display:block;

width:70px;

height:4px;

background:#00AEEF;

margin-top:12px;

border-radius:4px;

}

.cb-card p{

font-size:17px;

line-height:1.9;

color:#444;

margin-bottom:18px;

}

/*=========================================
LISTAS
=========================================*/

.cb-check{

list-style:none;

padding:0;

margin-top:25px;

}

.cb-check li{

position:relative;

padding-left:40px;

margin-bottom:18px;

line-height:1.8;

font-size:17px;

}

.cb-check li::before{

content:"✔";

position:absolute;

left:0;

top:2px;

color:#00A651;

font-size:22px;

font-weight:bold;

}

/*=========================================
GRID
=========================================*/

.cb-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:25px;

margin-top:35px;

}

/*=========================================
FEATURES
=========================================*/

.cb-feature{

background:#fff;

border-radius:18px;

padding:30px;

text-align:center;

box-shadow:0 12px 30px rgba(0,0,0,.08);

transition:.35s;

border:1px solid rgba(0,70,128,.06);

}

.cb-feature:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,70,128,.12);

}

.cb-feature h3{

margin-top:18px;

margin-bottom:15px;

color:#004680;

font-size:22px;

}

.cb-feature p{

margin:0;

}

/*=========================================
ICONOS
=========================================*/

.cb-icon{

width:75px;

height:75px;

margin:auto;

background:#EAF6FF;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

}

/*=========================================
TIMELINE
=========================================*/

.cb-timeline{

margin-top:40px;

display:flex;

flex-direction:column;

gap:35px;

position:relative;

}

.cb-timeline::before{

content:"";

position:absolute;

left:28px;

top:0;

bottom:0;

width:4px;

background:#D8EAF6;

}

.cb-step{

position:relative;

padding-left:90px;

}

.cb-number{

position:absolute;

left:0;

width:58px;

height:58px;

border-radius:50%;

background:#004680;

color:white;

display:flex;

justify-content:center;

align-items:center;

font-weight:bold;

font-size:22px;

box-shadow:0 10px 25px rgba(0,70,128,.30);

}

.cb-step h3{

margin-bottom:10px;

color:#004680;

font-size:24px;

}

.cb-step p{

margin:0;

}

/*=========================================
TIP
=========================================*/

.cb-tip{

background:#EDF8FF;

padding:40px;

border-left:6px solid #004680;

border-radius:18px;

margin:60px 0;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.cb-tip h2{

color:#004680;

margin-bottom:20px;

}

/*=========================================
VENTAJAS
=========================================*/

.cb-advantages{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:25px;

margin-top:35px;

}

.cb-advantage{

background:linear-gradient(180deg,#FFFFFF,#F7FBFF);

padding:30px;

border-radius:18px;

text-align:center;

box-shadow:0 12px 30px rgba(0,0,0,.08);

transition:.35s;

border:1px solid rgba(0,70,128,.08);

}

.cb-advantage:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,70,128,.15);

}

.cb-adv-icon{

width:70px;

height:70px;

margin:auto;

margin-bottom:20px;

border-radius:50%;

background:#004680;

color:white;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

}

.cb-advantage h3{

margin-bottom:15px;

color:#004680;

font-size:22px;

}

.cb-advantage p{

margin:0;

font-size:16px;

line-height:1.7;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:768px){

.cb-card{

padding:30px 22px;

}

.cb-grid{

grid-template-columns:1fr;

}

.cb-advantages{

grid-template-columns:1fr;

}

.cb-step{

padding-left:75px;

}

.cb-number{

width:48px;

height:48px;

font-size:18px;

}

.cb-step h3{

font-size:21px;

}

}

/*=========================================
COMPARATIVA
=========================================*/

.cb-compare{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:30px;

margin-top:35px;

}

.cb-column{

background:#F8FBFD;

padding:35px;

border-radius:18px;

border-top:5px solid #004680;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.cb-column h3{

margin-bottom:25px;

text-align:center;

color:#004680;

}

/*==================================================
WARNING
==================================================*/

.cb-warning{

background:#FFF8F5;

padding:50px;

margin:60px 0;

border-left:6px solid #E74C3C;

border-radius:20px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.cb-warning h2{

color:#C0392B;

margin-bottom:35px;

}

.cb-warning h2::after{

content:"";

display:block;

width:70px;

height:4px;

background:#E74C3C;

margin-top:12px;

border-radius:5px;

}

.cb-warning-item{

padding:25px 0;

border-bottom:1px solid rgba(0,0,0,.08);

}

.cb-warning-item:last-child{

border:none;

}

.cb-warning-item h3{

margin-bottom:12px;

font-size:23px;

color:#C0392B;

}

.cb-warning-item p{

margin:0;

line-height:1.8;

}

/*==================================================
CONSEJO PROFESIONAL
==================================================*/

.cb-pro{

display:flex;

align-items:flex-start;

gap:35px;

padding:45px;

background:linear-gradient(135deg,#004680,#0077c8);

border-radius:22px;

margin:70px 0;

color:white;

box-shadow:0 20px 45px rgba(0,70,128,.18);

}

.cb-pro-icon{

width:90px;

height:90px;

background:white;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:42px;

flex-shrink:0;

}

.cb-pro h2{

color:white;

margin-bottom:20px;

}

.cb-pro h2::after{

content:"";

display:block;

width:70px;

height:4px;

background:white;

margin-top:12px;

border-radius:5px;

}

.cb-pro p{

color:white;

margin-bottom:18px;

line-height:1.9;

}

/*==================================================
FAQ
==================================================*/

.cb-faq{

margin-top:35px;

}

.cb-faq details{

margin-bottom:18px;

border-radius:16px;

overflow:hidden;

background:#fff;

box-shadow:0 8px 25px rgba(0,0,0,.08);

transition:.35s;

}

.cb-faq details:hover{

transform:translateY(-3px);

}

.cb-faq summary{

padding:22px;

cursor:pointer;

font-size:18px;

font-weight:700;

color:#004680;

background:#F7FBFF;

list-style:none;

}

.cb-faq summary::-webkit-details-marker{

display:none;

}

.cb-faq summary::after{

content:"+";

float:right;

font-size:26px;

transition:.3s;

}

.cb-faq details[open] summary::after{

content:"−";

}

.cb-faq p{

padding:25px;

margin:0;

line-height:1.9;

background:white;

}

/*==================================================
CONCLUSION
==================================================*/

.cb-conclusion{

background:linear-gradient(180deg,#F8FCFF,#EEF8FF);

padding:50px;

margin:70px 0;

border-radius:22px;

border-left:6px solid #35B44A;

box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.cb-conclusion h2{

color:#35B44A;

margin-bottom:25px;

}

.cb-conclusion h2::after{

content:"";

display:block;

width:70px;

height:4px;

background:#35B44A;

margin-top:12px;

border-radius:5px;

}

.cb-conclusion p{

line-height:1.9;

margin-bottom:18px;

}

/*==================================================
CTA PREMIUM
==================================================*/

.cb-contact{

background:linear-gradient(135deg,#004680,#0094E8);

padding:60px;

border-radius:24px;

text-align:center;

color:white;

margin:80px 0;

box-shadow:0 20px 45px rgba(0,70,128,.20);

}

.cb-contact h2{

color:white;

font-size:38px;

margin-bottom:20px;

}

.cb-contact h2::after{

content:"";

display:block;

width:80px;

height:4px;

background:white;

margin:15px auto 0;

border-radius:5px;

}

.cb-contact p{

color:white;

font-size:18px;

margin-bottom:35px;

}

.cb-contact-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:18px;

margin-bottom:40px;

}

.cb-contact-grid div{

padding:20px;

background:rgba(255,255,255,.15);

border-radius:15px;

backdrop-filter:blur(8px);

font-weight:600;

transition:.3s;

}

.cb-contact-grid div:hover{

transform:translateY(-4px);

background:rgba(255,255,255,.22);

}

.cb-contact .cb-btn{

display:inline-block;

padding:18px 42px;

background:white;

color:#004680;

font-weight:700;

font-size:18px;

border-radius:40px;

text-decoration:none;

transition:.35s;

}

.cb-contact .cb-btn:hover{

background:#EDF8FF;

transform:translateY(-3px);

box-shadow:0 15px 30px rgba(0,0,0,.15);

}

@media(max-width:768px){

.cb-pro{

flex-direction:column;

text-align:center;

align-items:center;

}

.cb-pro-icon{

margin-bottom:15px;

}

.cb-contact{

padding:35px 25px;

}

.cb-warning,

.cb-conclusion{

padding:30px 25px;

}

.cb-contact h2{

font-size:30px;

}

.cb-contact-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */