html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;color:#111;background:#fff}main{display:block}.vp-section{width:100%;padding:2rem 1rem}.vp-section-inner{width:min(100%,1200px);margin-inline:auto}.vp-button{display:inline-block;text-decoration:none;padding:.75rem 1rem;border-radius:.4rem;background:#111;color:#fff}.vp-code-section{width:100%;margin:0;padding:0}.vp-code-full{width:100%}.vp-code-boxed{width:min(100%,1200px);margin-inline:auto}.vp-code-custom{margin-inline:auto}.vp-global-slot{width:100%;margin:0;padding:0}.vp-global-boxed{width:min(100%,1200px);margin-inline:auto}.vp-global-custom{margin-inline:auto}
.vp-container{width:100%;margin-inline:auto;box-sizing:border-box}.vp-row{display:flex;flex-wrap:wrap;gap:0}.vp-column{min-width:0;box-sizing:border-box;padding:.5rem}.vp-column>*:first-child{margin-top:0}.vp-column>*:last-child{margin-bottom:0}
.vp-code-24fe43003bda *,.vp-code-24fe43003bda *::before,.vp-code-24fe43003bda *::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}.vp-code-24fe43003bda body{
    background-color: #090a0f;
    color: #F8F9FA;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.6;
    overflow-x: hidden;
    min-height: 100vh;
}.vp-code-24fe43003bda /* Efectos de Iluminación Ambiental */
.ambient-glow{
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.4;
}.vp-code-24fe43003bda .glow-1{
    top: -150px;
    left: 10%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.25) 0%, rgba(0,0,0,0) 70%);
}.vp-code-24fe43003bda .glow-2{
    top: 250px;
    right: -100px;
    background: radial-gradient(circle, rgba(147, 112, 219, 0.15) 0%, rgba(0,0,0,0) 70%);
}.vp-code-24fe43003bda .gold-gradient-text{
    background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 25%, #B38728 50%, #FBF5B7 75%, #AA771C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}.vp-code-24fe43003bda /* Contenedor Hero */
.hero-section{
    position: relative;
    padding: 100px 24px;
    max-width: 1280px;
    margin: 0 auto;
    z-index: 1;
}.vp-code-24fe43003bda .hero-container{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
}.vp-code-24fe43003bda .badge-luxury{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    border-radius: 30px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #F3E5AB;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 24px;
}.vp-code-24fe43003bda .badge-dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #D4AF37;
    box-shadow: 0 0 10px #D4AF37;
}.vp-code-24fe43003bda .hero-title{
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 3.25rem;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
}.vp-code-24fe43003bda .hero-subtitle{
    font-size: 1.125rem;
    color: #A0A5B5;
    max-width: 540px;
    margin-bottom: 36px;
    font-weight: 400;
    line-height: 1.7;
}.vp-code-24fe43003bda .hero-cta-group{
    display: flex;
    gap: 16px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}.vp-code-24fe43003bda .btn-gold{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 36px;
    border-radius: 16px;
    background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 25%, #B38728 50%, #FBF5B7 75%, #AA771C 100%);
    color: #0d0e12;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    letter-spacing: 0.5px;
    box-shadow: 0 10px 30px rgba(170, 119, 28, 0.3);
    transition: all 0.3s ease;
    border: none;
}.vp-code-24fe43003bda .btn-gold:hover{
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.45);
}.vp-code-24fe43003bda .btn-arrow{
    display: inline-block;
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}.vp-code-24fe43003bda .btn-gold:hover .btn-arrow{
    transform: translateX(4px);
}.vp-code-24fe43003bda .btn-outline{
    display: inline-flex;
    align-items: center;
    padding: 16px 32px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #F8F9FA;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
}.vp-code-24fe43003bda .btn-outline:hover{
    background: rgba(255, 255, 255, 0.08);
    border-color: #D4AF37;
    color: #F3E5AB;
}.vp-code-24fe43003bda .hero-stats{
    display: flex;
    align-items: center;
    gap: 28px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}.vp-code-24fe43003bda .stat-item{
    display: flex;
    flex-direction: column;
}.vp-code-24fe43003bda .stat-number{
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.85rem;
    font-weight: 700;
    color: #F8F9FA;
    line-height: 1;
}.vp-code-24fe43003bda .stat-number small{
    color: #D4AF37;
    font-size: 1.2rem;
    margin-left: 2px;
}.vp-code-24fe43003bda .stat-label{
    font-size: 0.8rem;
    color: #6C7284;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
}.vp-code-24fe43003bda .stat-divider{
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, 0.1);
}.vp-code-24fe43003bda .hero-visual{
    position: relative;
}.vp-code-24fe43003bda .glass-card{
    background: rgba(18, 20, 29, 0.92);
    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}.vp-code-24fe43003bda .main-card{
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
}.vp-code-24fe43003bda .main-card:hover{
    border-color: rgba(212, 175, 55, 0.4);
    transform: translateY(-5px);
}.vp-code-24fe43003bda .card-header-bar{
    background: rgba(0, 0, 0, 0.4);
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}.vp-code-24fe43003bda .dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
}.vp-code-24fe43003bda .dot.red{ background: #ff5f56; }.vp-code-24fe43003bda .dot.yellow{ background: #ffbd2e; }.vp-code-24fe43003bda .dot.green{ background: #27c93f; }.vp-code-24fe43003bda .card-url{
    margin-left: 12px;
    font-size: 0.75rem;
    color: #6C7284;
    font-family: monospace;
}.vp-code-24fe43003bda .card-inner-content{
    padding: 36px;
}.vp-code-24fe43003bda .card-tag{
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #D4AF37;
    margin-bottom: 12px;
}.vp-code-24fe43003bda .card-inner-content h3{
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.6rem;
    margin-bottom: 14px;
    color: #F8F9FA;
}.vp-code-24fe43003bda .card-inner-content p{
    color: #A0A5B5;
    font-size: 0.95rem;
    margin-bottom: 24px;
    line-height: 1.6;
}.vp-code-24fe43003bda .metric-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(39, 201, 63, 0.08);
    border: 1px solid rgba(39, 201, 63, 0.25);
    border-radius: 8px;
    color: #4ade80;
    font-size: 0.85rem;
    font-weight: 600;
}.vp-code-24fe43003bda .float-card-1{
    position: absolute;
    top: -20px;
    right: -20px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 3;
}.vp-code-24fe43003bda .float-card-2{
    position: absolute;
    bottom: -30px;
    left: -20px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 3;
}.vp-code-24fe43003bda .float-icon{
    font-size: 1.25rem;
    color: #D4AF37;
}.vp-code-24fe43003bda .float-text strong{
    display: block;
    font-size: 0.875rem;
    color: #F8F9FA;
}.vp-code-24fe43003bda .float-text small{
    font-size: 0.75rem;
    color: #6C7284;
}@media (max-width: 992px){.vp-code-24fe43003bda .hero-container{
        grid-template-columns: 1fr;
        gap: 50px;
    }.vp-code-24fe43003bda .hero-title{
        font-size: 2.6rem;
    }}@media (max-width: 576px){.vp-code-24fe43003bda .hero-section{
        padding-top: 60px;
    }.vp-code-24fe43003bda .hero-title{
        font-size: 2.1rem;
    }.vp-code-24fe43003bda .hero-stats{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }.vp-code-24fe43003bda .stat-divider{
        display: none;
    }.vp-code-24fe43003bda .float-card-1,.vp-code-24fe43003bda .float-card-2{
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin-top: 16px;
    }}
.vp-code-3dffaac2f504 .vd-features{

    padding:100px 0;

    background:#ffffff;

}.vp-code-3dffaac2f504 .vd-features__container{

    max-width:1200px;

    margin:auto;

    padding:0 25px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}.vp-code-3dffaac2f504 .vd-tag{

    display:inline-block;

    background:#eef4ff;

    color:#2563eb;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}.vp-code-3dffaac2f504 .vd-features h2{

    font-size:48px;

    margin-bottom:25px;

}.vp-code-3dffaac2f504 .vd-features p{

    color:#555;

    line-height:1.8;

}.vp-code-3dffaac2f504 .vd-features__grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

}.vp-code-3dffaac2f504 .vd-card{

    background:#f8fafc;

    border-radius:18px;

    padding:35px;

    transition:.3s;

}.vp-code-3dffaac2f504 .vd-card:hover{

    transform:translateY(-8px);

}.vp-code-3dffaac2f504 .vd-card h3{

    margin-bottom:15px;

}@media(max-width:900px){.vp-code-3dffaac2f504 .vd-features__container{

grid-template-columns:1fr;

}.vp-code-3dffaac2f504 .vd-features__grid{

grid-template-columns:1fr;

}}