/* =========================================================
   JT TECHNOLOGIES V0.17 — FASE COMERCIAL
   ========================================================= */

.product-access-link{
    display:inline-flex;
    margin-top:17px;
    color:#7A8B9B;
    font-size:9px;
    font-weight:800;
}
.product-access-link:hover{color:var(--blue)}

.commercial-route-section{
    padding:0 0 35px;
    background:#F5F8FC;
}
.commercial-route-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:50px;
    align-items:center;
    padding:36px 40px;
    border-radius:25px;
    color:#fff;
    background:
        radial-gradient(circle at 90% 10%,rgba(0,184,217,.22),transparent 30%),
        linear-gradient(140deg,#06182A,#0B3157);
}
.commercial-route-card .section-kicker{color:#63DDF2}
.commercial-route-card h2{
    max-width:720px;
    margin:7px 0 8px;
    font-size:32px;
    line-height:1.08;
    letter-spacing:-.035em;
}
.commercial-route-card p{
    margin:0;
    color:#AFC1D2;
    font-size:11px;
}

/* Demo request */
.demo-hero{
    padding:150px 0 90px;
    color:#fff;
    background:
        radial-gradient(circle at 82% 25%,rgba(0,184,217,.18),transparent 27%),
        linear-gradient(132deg,#04111F,#0A3157);
}
.demo-hero-grid{
    display:grid;
    grid-template-columns:1fr .52fr;
    gap:80px;
    align-items:end;
}
.demo-back-link{
    display:inline-flex;
    margin-bottom:30px;
    color:#89A4BB;
    font-size:9px;
    font-weight:800;
}
.demo-hero .section-kicker{color:#63DDF2}
.demo-hero h1{
    max-width:830px;
    margin:9px 0 22px;
    font-size:clamp(52px,6vw,82px);
    line-height:1.01;
    letter-spacing:-.055em;
}
.demo-hero h1 em{
    display:block;
    color:#65DDF2;
    font-style:normal;
}
.demo-hero > .container > div > p,
.demo-hero-grid > div:first-child > p{
    max-width:690px;
    margin:0;
    color:#B9CAD9;
    font-size:15px;
    line-height:1.75;
}
.demo-expectations{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    margin-top:40px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-radius:17px;
    background:rgba(255,255,255,.08);
}
.demo-expectations div{
    padding:18px;
    background:rgba(4,17,31,.58);
}
.demo-expectations span{
    display:block;
    margin-bottom:18px;
    color:#59DAF1;
    font-size:8px;
    font-weight:900;
}
.demo-expectations strong{
    display:block;
    margin-bottom:5px;
    font-size:11px;
}
.demo-expectations small{
    color:#8EA5BA;
    font-size:8px;
    line-height:1.5;
}
.demo-product-card{
    padding:30px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    background:rgba(255,255,255,.055);
    box-shadow:0 20px 60px rgba(0,0,0,.15);
}
.demo-product-card > span{
    color:#62DCF1;
    font-size:8px;
    font-weight:900;
    letter-spacing:.14em;
}
.demo-product-card > strong{
    display:block;
    margin:30px 0 8px;
    font-size:34px;
    letter-spacing:-.04em;
}
.demo-product-card p{
    margin:0 0 22px;
    color:#AFC1D2;
    font-size:11px;
    line-height:1.7;
}
.demo-product-card a{
    color:#63DDF2;
    font-size:9px;
    font-weight:850;
}

.demo-form-section{background:#F5F8FC}
.demo-form-layout{
    display:grid;
    grid-template-columns:.58fr 1.42fr;
    gap:65px;
    align-items:start;
}
.demo-form-intro{
    position:sticky;
    top:125px;
}
.demo-form-intro h2{
    margin:8px 0 17px;
    font-size:42px;
    line-height:1.06;
    letter-spacing:-.04em;
}
.demo-form-intro > p{
    margin:0;
    color:#708192;
    font-size:13px;
    line-height:1.75;
}
.demo-contact-note{
    margin-top:28px;
    padding:20px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
}
.demo-contact-note strong{
    display:block;
    margin-bottom:7px;
    font-size:11px;
}
.demo-contact-note a{
    color:var(--blue);
    font-size:10px;
    font-weight:850;
}
.demo-form-card{padding:36px}
.demo-privacy-field{
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:15px;
    border:1px solid rgba(18,62,111,.10);
    border-radius:13px;
    background:#F8FAFD;
}
.demo-privacy-field input{
    flex:0 0 auto;
    width:17px;
    height:17px;
    margin-top:1px;
}
.demo-privacy-field span{
    color:#6F8091;
    font-size:9px;
    line-height:1.6;
}
.demo-privacy-field a{
    color:var(--blue);
    font-weight:800;
}
.demo-success{
    display:grid;
    grid-template-columns:54px 1fr;
    gap:18px;
    align-items:start;
    padding:24px;
    border:1px solid rgba(43,155,113,.20);
    border-radius:18px;
    color:#175D46;
    background:#ECF9F3;
}
.demo-success-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border-radius:50%;
    color:#fff;
    background:#2B9B71;
    font-size:22px;
    font-weight:900;
}
.demo-success strong{
    display:block;
    margin:4px 0 7px;
    font-size:16px;
}
.demo-success p{
    margin:4px 0 0;
    font-size:10px;
    line-height:1.6;
}
.demo-success-actions{
    display:flex;
    gap:10px;
    margin-top:20px;
}
.demo-submit-row small{max-width:390px}

@media(max-width:900px){
    .commercial-route-card,
    .demo-hero-grid,
    .demo-form-layout{
        grid-template-columns:1fr;
        gap:30px;
    }
    .demo-form-intro{position:static}
}
@media(max-width:700px){
    .commercial-route-card{padding:28px 23px}
    .commercial-route-card .btn{width:100%}
    .demo-hero{padding:125px 0 70px}
    .demo-expectations{grid-template-columns:1fr}
    .demo-form-card{padding:24px}
    .demo-success-actions{flex-direction:column}
    .demo-success-actions .btn{width:100%}
}

/* =========================================================
   JT TECHNOLOGIES V0.18 — ECOSISTEMA DE PRODUCTOS
   Identidad oficial y arquitectura reutilizable de producto
   ========================================================= */
.catalog-product-brand{display:flex;align-items:center;gap:18px;margin-top:20px}
.catalog-product-brand>img{width:86px;height:86px;object-fit:contain;border-radius:20px;filter:drop-shadow(0 12px 24px rgba(3,25,49,.16))}
.catalog-product-brand>div>span{display:block;color:#7A8B9B;font-size:8px;font-weight:900;letter-spacing:.16em}
.catalog-product-brand h2{margin:4px 0 0}
.catalog-product-identity{display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-logo-stage{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(62%,430px);padding:34px 28px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:rgba(5,23,42,.70);box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.product-logo-stage img{display:block;width:min(100%,330px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.30))}
.product-logo-stage span{margin-top:12px;color:#72DFF2;font-size:8px;font-weight:900;letter-spacing:.18em}
.product-device-preview{position:absolute!important;z-index:1;opacity:.22;transform:rotate(-5deg) scale(.96)!important;filter:saturate(.65)}
.edunotas-brand-lockup{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.edunotas-brand-lockup>img{width:112px;height:112px;object-fit:contain;border-radius:25px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
.edunotas-brand-lockup>div>span{display:block;margin-top:8px;color:#8FA8BD;font-size:9px;font-weight:750;letter-spacing:.04em}
@media(max-width:700px){
  .catalog-product-brand>img{width:70px;height:70px;border-radius:17px}
  .product-logo-stage{width:76%;padding:24px 20px}
  .edunotas-brand-lockup{gap:14px}
  .edunotas-brand-lockup>img{width:86px;height:86px;border-radius:20px}
}


/* =========================================================
   JT TECHNOLOGIES V0.18.2 — CACHE FIX + PULIDO VISUAL REAL
   ========================================================= */

/* PRODUCTOS: logo oficial compacto; dashboard como apoyo */
.catalog-product-visual.catalog-product-identity{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:440px;
    overflow:hidden;
    background:
        radial-gradient(circle at 60% 30%,rgba(0,184,217,.12),transparent 34%),
        linear-gradient(145deg,#0A2946,#0A2038);
}

.catalog-product-visual .product-logo-stage{
    position:relative;
    z-index:3;
    width:210px;
    max-width:42%;
    padding:22px 18px 18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:25px;
    background:rgba(4,20,36,.78);
    box-shadow:0 24px 60px rgba(0,0,0,.28);
    backdrop-filter:blur(12px);
}

.catalog-product-visual .product-logo-stage img{
    display:block;
    width:100%;
    height:auto;
    max-height:230px;
    object-fit:contain;
    border-radius:18px;
    filter:drop-shadow(0 14px 30px rgba(0,0,0,.24));
}

.catalog-product-visual .product-logo-stage span{
    display:block;
    margin-top:12px;
    text-align:center;
    color:#73DFF2;
    font-size:7px;
    font-weight:900;
    letter-spacing:.15em;
}

.catalog-product-visual .product-device-preview{
    position:absolute !important;
    right:-10%;
    bottom:-12%;
    z-index:1;
    width:76%;
    opacity:.30;
    transform:rotate(-3deg) scale(.92) !important;
    filter:saturate(.75);
}

/* EDUNOTAS: logo como firma de marca, no como hero gigante */
.edunotas-hero{
    padding-top:130px;
    overflow:hidden;
}

.edunotas-hero-grid{
    align-items:center;
}

.edunotas-brand-lockup{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:22px;
}

.edunotas-brand-lockup > img{
    flex:0 0 auto;
    width:96px !important;
    height:96px !important;
    max-width:96px !important;
    max-height:96px !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:21px;
    filter:drop-shadow(0 14px 30px rgba(0,0,0,.24));
}

.edunotas-brand-lockup > div{
    min-width:0;
}

.edunotas-hero-copy h1{
    margin-top:8px;
}

.edunotas-hero-visual{
    min-height:520px;
    display:flex;
    align-items:flex-end;
}

.edunotas-hero-visual .edu-device-large{
    width:min(100%,660px);
    transform:none !important;
}

/* El logo nunca debe convertirse en imagen de fondo o desbordarse */
.edunotas-product-page img[src*="logo-edunotas.png"],
.catalog-product-card img[src*="logo-edunotas.png"]{
    object-fit:contain !important;
}

/* Tablet */
@media(max-width:980px){
    .catalog-product-visual.catalog-product-identity{
        min-height:360px;
    }

    .catalog-product-visual .product-logo-stage{
        width:180px;
        max-width:46%;
    }

    .edunotas-hero-grid{
        grid-template-columns:1fr !important;
        gap:38px;
    }

    .edunotas-hero-visual{
        min-height:400px;
    }
}

/* Móvil */
@media(max-width:700px){
    .catalog-product-visual.catalog-product-identity{
        min-height:300px;
    }

    .catalog-product-visual .product-logo-stage{
        width:145px;
        max-width:52%;
        padding:15px 13px 13px;
        border-radius:20px;
    }

    .catalog-product-visual .product-device-preview{
        right:-20%;
        width:88%;
    }

    .edunotas-brand-lockup{
        gap:13px;
        align-items:center;
    }

    .edunotas-brand-lockup > img{
        width:72px !important;
        height:72px !important;
        max-width:72px !important;
        max-height:72px !important;
        border-radius:17px;
    }

    .edunotas-hero{
        padding-top:112px;
    }

    .edunotas-hero-visual{
        min-height:320px;
    }
}