/*==================================================

SOBRE PREMIUM

==================================================*/

.sobre-premium{

position:relative;

padding:140px 0 0;

background:linear-gradient(180deg,#ffffff 0%,#f8f9fc 100%);

overflow:hidden;

}

.sobre-premium::before{

content:"";

position:absolute;

width:700px;

height:700px;

border-radius:50%;

background:rgba(200,164,93,.05);

top:-350px;

right:-250px;

z-index:0;

}

.sobre-premium::after{

content:"";

position:absolute;

width:500px;

height:500px;

border-radius:50%;

background:rgba(16,34,77,.03);

bottom:-250px;

left:-180px;

z-index:0;

}

.sobre-premium .container{

position:relative;

z-index:2;

}


/*====================================

FOTO

====================================*/

.sobre-photo{

position:relative;

padding-right:80px;

}

.sobre-photo img{

width:100%;

height:720px;

object-fit:cover;

border-radius:28px;

box-shadow:

0 40px 90px rgba(0,0,0,.15);

transition:.45s;

}

.sobre-photo:hover img{

transform:scale(1.02);

}


/*====================================

CARD FLOTANTE

====================================*/

.sobre-card{

position:absolute;

right:0;

bottom:60px;

width:340px;

padding:40px;

background:white;

border-radius:24px;

box-shadow:

0 35px 70px rgba(0,0,0,.12);

border-top:5px solid var(--dorado);

}

.sobre-mini{

display:inline-block;

padding:8px 18px;

background:#eef3fb;

border-radius:40px;

font-size:12px;

font-weight:600;

letter-spacing:3px;

color:var(--azul);

margin-bottom:18px;

}

.sobre-card h3{

font-size:36px;

color:var(--azul);

line-height:1.15;

margin-bottom:18px;

}

.sobre-card p{

font-size:16px;

line-height:1.8;

margin:0;

color:#666;

}


/*====================================

TEXTO

====================================*/

.sobre-title{

font-size:68px;

line-height:1.05;

color:var(--azul);

margin-bottom:35px;

max-width:650px;

}

.sobre-text{

font-size:20px;

line-height:2;

color:#666;

margin-bottom:50px;

max-width:650px;

}


/*====================================

VALORES

====================================*/

.sobre-values{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}

.value-item{

display:flex;

align-items:flex-start;

gap:20px;

padding:24px;

background:white;

border-radius:20px;

transition:.35s;

border:1px solid #ececec;

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

}

.value-item:hover{

transform:translateY(-8px);

box-shadow:0 28px 60px rgba(0,0,0,.10);

border-color:var(--dorado);

}

.value-icon{

width:70px;

height:70px;

min-width:70px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:#eef3fb;

font-size:28px;

color:var(--dorado);

transition:.35s;

}

.value-item:hover .value-icon{

background:var(--azul);

color:white;

}

.value-item h4{

font-size:28px;

margin-bottom:8px;

color:var(--azul);

}

.value-item p{

margin:0;

font-size:15px;

line-height:1.7;

color:#666;

}
/*====================================

BOTÓN

====================================*/

.sobre-premium .btn-premium{

margin-top:55px;

padding:18px 42px;

font-size:16px;

box-shadow:0 18px 40px rgba(16,34,77,.18);

}

.sobre-premium .btn-premium:hover{

transform:translateY(-5px);

}


/*====================================

ESTADÍSTICAS

====================================*/

.sobre-stats{

margin-top:120px;

background:var(--azul);

padding:90px 0;

position:relative;

overflow:hidden;

}

.sobre-stats::before{

content:"";

position:absolute;

width:700px;

height:700px;

border-radius:50%;

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

left:-300px;

top:-350px;

}

.sobre-stats::after{

content:"";

position:absolute;

width:500px;

height:500px;

border-radius:50%;

background:rgba(200,164,93,.08);

right:-200px;

bottom:-250px;

}

.stat-box{

position:relative;

z-index:2;

padding:20px;

}

.stat-box h2{

font-size:72px;

font-weight:700;

color:white;

margin-bottom:12px;

line-height:1;

}

.stat-box span{

display:block;

font-size:16px;

letter-spacing:1px;

color:rgba(255,255,255,.80);

}


/*====================================

DIVISORES

====================================*/

.stat-box{

border-right:1px solid rgba(255,255,255,.10);

}

.sobre-stats .col-lg-3:last-child .stat-box{

border-right:none;

}


/*====================================

ANIMACIONES

====================================*/

.sobre-photo img,

.sobre-card,

.value-item,

.stat-box{

transition:.4s ease;

}

.sobre-card:hover{

transform:translateY(-10px);

box-shadow:0 45px 80px rgba(0,0,0,.16);

}


/*====================================

TABLET

====================================*/

@media(max-width:1199px){

.sobre-title{

font-size:56px;

}

.sobre-photo{

padding-right:40px;

}

.sobre-card{

width:300px;

padding:30px;

}

.sobre-photo img{

height:620px;

}

}


/*====================================

TABLET

====================================*/

@media(max-width:991px){

.sobre-premium{

padding:90px 0 0;

}

.sobre-photo{

padding-right:0;

margin-bottom:70px;

}

.sobre-photo img{

height:auto;

}

.sobre-card{

position:relative;

right:auto;

bottom:auto;

width:100%;

margin-top:-70px;

margin-left:auto;

margin-right:auto;

max-width:520px;

}

.sobre-title{

font-size:46px;

}

.sobre-text{

font-size:18px;

}

.sobre-values{

grid-template-columns:1fr;

}

.sobre-stats{

padding:70px 0;

margin-top:90px;

}

.stat-box{

border-right:none;

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

padding:35px 15px;

}

.sobre-stats .col-lg-3:last-child .stat-box{

border-bottom:none;

}

}


/*====================================

MÓVIL

====================================*/

@media(max-width:576px){

.sobre-premium{

padding:70px 0 0;

}

.sobre-title{

font-size:36px;

}

.sobre-text{

font-size:17px;

line-height:1.8;

}

.sobre-card{

padding:25px;

margin-top:-40px;

}

.sobre-card h3{

font-size:28px;

}

.value-item{

padding:22px;

}

.value-icon{

width:60px;

height:60px;

min-width:60px;

font-size:22px;

}

.value-item h4{

font-size:24px;

}

.stat-box h2{

font-size:52px;

}

.stat-box span{

font-size:14px;

}

}