:root{
--bg:#0b0f14;
--panel:#111822;
--panel-2:#171f2b;
--soft:#f4f7fb;
--white:#ffffff;
--text:#10151d;
--muted:#6b7380;
--line:rgba(255,255,255,.1);
--red:#f72c35;
--red-dark:#cb1e26;
--shadow:0 20px 60px rgba(6,10,18,.18);
--radius:28px;
--container:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
color:var(--text);
background:var(--soft);
line-height:1.5;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(var(--container), calc(100% - 40px));margin-inline:auto}

.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:40px 40px;opacity:.025;z-index:0}

.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);background:rgba(7,12,18,.76);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand {
display: flex;
align-items: center;
flex-shrink: 0;
}

.brand-logo {
width: auto;
height: clamp(48px, 6vw, 72px);
max-width: 220px;
object-fit: contain;
}
.nav{display:flex;align-items:center;gap:28px;color:rgba(255,255,255,.76);font-weight:600}.nav a{transition:.25s ease}.nav a:hover{color:var(--white)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;font-weight:700;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--white);box-shadow:0 10px 30px rgba(247,44,53,.28)}
.btn-secondary{background:rgba(255,255,255,.06);color:var(--white);border-color:rgba(255,255,255,.14)}
.btn-light{color:var(--white)}.btn-nav{min-height:44px;padding-inline:18px}

.menu-toggle{display:none;width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;background:#fff;border-radius:999px}

.section{position:relative;padding:100px 0;z-index:1}
.section-label{display:inline-block;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(247,44,53,.08);color:var(--red);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.section-label.light{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}
.section-copy h2{margin:0 0 14px;font-size:clamp(2rem, 4vw, 3.4rem);line-height:1;letter-spacing:-.05em;text-transform:uppercase}.section-copy p{max-width:760px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.9}.max-copy{max-width:860px}.light{color:#fff}.light-copy{color:rgba(255,255,255,.72)!important}

.hero{background:radial-gradient(circle at 18% 18%, rgba(247,44,53,.18), transparent 22%),radial-gradient(circle at 85% 22%, rgba(255,255,255,.07), transparent 20%),linear-gradient(135deg, #0a0f15 0%, #101722 50%, #161e2b 100%);color:var(--white);overflow:hidden}.hero::after{content:"";position:absolute;top:0;bottom:0;left:52%;width:120px;transform:skewX(-20deg);background:linear-gradient(180deg, transparent, rgba(247,44,53,.55), transparent);filter:blur(3px);opacity:.75;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px}
.pill{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.8)}.hero h1{margin:18px 0;font-size:clamp(3rem, 7vw, 6rem);line-height:.95;letter-spacing:-.06em;text-transform:uppercase}.hero h1 span{color:var(--red)}.lead{max-width:780px;font-size:1.14rem;line-height:1.8;color:rgba(255,255,255,.72)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-trust{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.trust-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.trust-card strong{display:block;font-size:1rem;margin-bottom:5px}.trust-card span{color:rgba(255,255,255,.68);font-size:.95rem}.hero-panel{position:relative}

.glass{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);box-shadow:0 28px 70px rgba(2,6,14,.28)}.panel{padding:28px;border-radius:34px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.62);font-weight:700}.dot{width:10px;height:10px;border-radius:999px;background:var(--red);box-shadow:0 0 0 10px rgba(247,44,53,.16)}.panel h3{margin:16px 0 10px;font-size:1.8rem;line-height:1.1;letter-spacing:-.04em;text-transform:uppercase}.panel p{margin:0;color:rgba(255,255,255,.72);line-height:1.8}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.metric{padding:18px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.metric strong{display:block;font-size:1.8rem;line-height:1;margin-bottom:8px}.metric span{color:rgba(255,255,255,.68)}.metric.wide{grid-column:1/-1}

.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}.feature-stack,.cards-grid,.case-metrics{display:grid;gap:16px}.feature-card,.mini-card,.reason-card,.solution-card,.detail-card,.contact-card{border-radius:var(--radius);box-shadow:var(--shadow)}.feature-card,.mini-card,.reason-card,.solution-card,.detail-card{background:#fff;border:1px solid rgba(16,21,29,.07);padding:26px}.feature-card h3,.mini-card h3,.reason-card h3,.solution-card h3,.detail-card h3{margin:0 0 10px;text-transform:uppercase;letter-spacing:-.03em;font-size:1.25rem}.feature-card p,.mini-card p,.reason-card p,.solution-card p,.detail-card p{margin:0;color:var(--muted);line-height:1.8}

.section-dark{background:radial-gradient(circle at top left, rgba(247,44,53,.14), transparent 20%),linear-gradient(180deg, #0d1219 0%, #0b1016 100%);color:#fff}.challenge-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.challenge-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:26px;backdrop-filter:blur(10px)}.challenge-card.accent{background:linear-gradient(180deg, rgba(247,44,53,.18), rgba(255,255,255,.04))}.challenge-card strong{display:block;font-size:2rem;line-height:1;margin-bottom:10px}.challenge-card span{display:block;margin-bottom:12px;color:rgba(255,255,255,.78);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.challenge-card p{margin:0;color:rgba(255,255,255,.68);line-height:1.8}

.section-soft{background:linear-gradient(180deg,#f4f7fb 0%,#edf2f8 100%)}.solutions-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{position:relative;overflow:hidden}.solution-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-weight:800;letter-spacing:.04em;margin-bottom:18px}.solution-card ul,.check-list,.contact-list{padding:0;margin:18px 0 0;list-style:none}.solution-card li,.check-list li,.contact-list li{position:relative;padding-left:18px;margin-bottom:12px;color:var(--muted);line-height:1.7}.solution-card li::before,.check-list li::before,.contact-list li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:999px;background:var(--red);transform:translateY(-50%)}
.detail-band{background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefits-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:680px}.benefit-card{padding:26px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.benefit-card strong{display:block;font-size:2.7rem;line-height:1;color:#fff;margin-bottom:10px}.benefit-card span{color:rgba(255,255,255,.76);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.85rem}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.case-copy p{margin:0 0 14px;color:var(--muted);line-height:1.9;font-size:1.05rem}.reasons-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cta-band{background:radial-gradient(circle at top left, rgba(247,44,53,.18), transparent 20%),linear-gradient(135deg,#0b1016 0%,#101722 60%,#161e2a 100%);color:#fff}.cta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.contact-card{padding:28px}.contact-card h3{margin:0 0 14px;font-size:1.5rem;text-transform:uppercase;letter-spacing:-.03em}.contact-list li{color:rgba(255,255,255,.82)}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.floating-cta{position:fixed;right:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-weight:800;box-shadow:0 14px 35px rgba(247,44,53,.32)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s ease}.reveal.in-view{opacity:1;transform:translateY(0)}
/* ===============================
FOOTER PREMIUM NEGRO MASTEROIL
=================================*/

#contacto {
    background-color: #080808;
    color: #fff;
    padding: 80px 5%;
    font-family: 'Inter', sans-serif;
}

.footer-container {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.8fr 1.5fr 1fr; /* Proporciones para balancear info */
    gap: 40px;
}

/* Manejo de filas en el formulario */
.field-row {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Divide la línea en dos partes iguales */
    gap: 20px;
    margin-bottom: 15px;
}

.field {
    display: flex;
    flex-direction: column;
}

label {
    font-size: 11px;
    text-transform: uppercase;
    color: #ff3e3e; /* Rojo corporativo */
    letter-spacing: 1px;
    margin-bottom: 6px;
}

input, textarea {
    background: #121212;
    border: 1px solid #252525;
    padding: 12px;
    color: #fff;
    font-size: 0.9rem;
    border-radius: 4px;
    transition: all 0.3s ease;
}

input:focus, textarea:focus {
    border-color: #ff3e3e;
    background: #181818;
    outline: none;
}

/* Estilo de la columna de Contacto Directo */
.info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.info-item i {
    color: #ff3e3e;
    margin-top: 5px;
}

.info-item strong {
    display: block;
    font-size: 0.8rem;
    color: #666;
    text-transform: uppercase;
}

.info-item span, .info-item a {
    color: #ccc;
    text-decoration: none;
    font-size: 0.95rem;
}

/* Botón de alto contraste */
.btn-submit {
    margin-top: 10px;
    width: 100%;
    background: #fff;
    color: #000;
    padding: 14px;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.btn-submit:hover {
    background: #ff3e3e;
    color: #fff;
}

/* Responsivo para móviles */
@media (max-width: 900px) {
    .footer-container {
        grid-template-columns: 1fr;
    }
    .field-row {
        grid-template-columns: 1fr; /* En móvil vuelve a una sola columna */
    }
}
@media (max-width:1100px){.hero-grid,.two-col,.cta-grid,.case-grid{grid-template-columns:1fr}.hero::after{display:none}.detail-grid,.solutions-grid,.reasons-grid,.challenge-grid{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.menu-toggle{display:flex}.nav{position:absolute;top:85px;left:20px;right:20px;background:rgba(10,15,21,.96);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px;flex-direction:column;align-items:flex-start;gap:14px;display:none}.nav.open{display:flex}.btn-nav{width:100%}.hero-trust,.metrics,.benefits-grid,.challenge-grid,.detail-grid,.solutions-grid,.reasons-grid{grid-template-columns:1fr}.section{padding:80px 0}}
@media (max-width:992px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-section h3{border-bottom:none}.field-group{grid-template-columns:1fr}.social-links{justify-content:center}}
/* Ajuste para tablets */
@media (max-width: 820px) {  .nav-wrap {
    min-height: 76px;
    gap: 16px;   }
.brand-logo {
    height: clamp(44px, 8vw, 60px);
    max-width: 180px;
    }
}

/* Ajuste fino para celulares */
@media (max-width: 560px) {
.container {
    width: min(var(--container), calc(100% - 24px));
}

.site-header .nav-wrap {
    min-height: 68px;
}

.brand-logo {
    height: 46px;
    max-width: 150px;
}

.menu-toggle {
    width: 44px;
    height: 44px;
}
}

/* Celulares muy pequeños */
@media (max-width: 380px) {
.brand-logo {
    height: 40px;
    max-width: 130px;
}
}
/* ===============================
RESPONSIVE
=================================*/


/* Aviso privacidad */
.privacy-box{
    margin-top:18px;
    padding:16px;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
    border-left:4px solid #d4af37;
    border-radius:10px;
}

.privacy-check{
    display:flex;
    gap:10px;
    align-items:flex-start;
    font-size:14px;
    font-weight:600;
    color:#fff;
    margin-bottom:10px;
}

.privacy-check input{
    margin-top:4px;
}

.privacy-text{
    font-size:13px;
    line-height:1.6;
    color:rgba(255,255,255,0.75);
    margin-bottom:10px;
}

.privacy-link{
    font-size:13px;
    color:#d4af37;
    text-decoration:none;
    font-weight:600;
}

.privacy-link:hover{
    text-decoration:underline;
}