/*
Theme Name: ProStream Radio WP
Theme URI: https://prostreamradioht.com/
Author: ProStream Radio HT
Author URI: https://prostreamradioht.com/
Description: Tema WordPress profesional convertido desde la plantilla Blogger de ProStream Radio HT. Incluye landing page, planes, radios en vivo, portal cliente local, testimonios, staff, página de radio y diseño responsive.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: prostream-radio-wp
*/

:root{
      --green:#1920d1;
      --dark-green:#0b1088;
      --deep:#05073f;
      --yellow:#ffffff;
      --white:#ffffff;
      --text:#121426;
      --muted:#62668a;
      --card:#ffffff;
      --soft:#f3f4ff;
      --blue:#1920d1;
      --shadow:0 18px 50px rgba(0,0,0,.14);
      --radius:22px;
    }
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Poppins',Arial,sans-serif;background:#fff;color:var(--text);overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .top-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(92%,1500px);z-index:50}
    .topbar{height:44px;background:var(--green);color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:0 0 0 0}
    .top-left{height:100%;min-width:390px;background:var(--yellow);color:#05073f;display:flex;align-items:center;gap:22px;padding:0 30px;clip-path:polygon(0 0,92% 0,100% 100%,0 100%);font-weight:500;font-size:14px}
    .top-left span,.top-right span{display:flex;align-items:center;gap:8px;white-space:nowrap}
    .top-right{display:flex;align-items:center;gap:20px;padding-right:30px;font-weight:600;font-size:14px}
    .nav{height:74px;background:rgba(28,36,33,.90);backdrop-filter:blur(10px);border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:var(--shadow)}
    .logo{display:flex;align-items:center;gap:11px;color:#fff;font-size:29px;font-weight:800;letter-spacing:-1px}
    .logo-mark{width:40px;height:30px;position:relative;display:inline-block}
    .logo-mark:before,.logo-mark:after,.logo-mark span{content:"";position:absolute;left:0;height:7px;border-radius:20px;background:var(--yellow)}
    .logo-mark:before{top:0;width:37px}.logo-mark span{top:12px;width:28px}.logo-mark:after{bottom:0;width:37px}
    .menu{display:flex;align-items:center;gap:24px;color:#fff;font-weight:600;font-size:15px}
    .menu a{opacity:.96}.menu a:hover{color:var(--yellow)}
    .nav-actions{display:flex;align-items:center;gap:14px}
    .round{width:42px;height:42px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:17px}
    .quote{height:42px;padding:0 28px;border-radius:50px;background:var(--yellow);color:var(--dark-green);display:flex;align-items:center;font-weight:700}
    .hero{min-height:620px;background:linear-gradient(90deg,rgba(7,20,18,.96),rgba(7,20,18,.76),rgba(7,20,18,.55)),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;position:relative;color:#fff;padding:190px 5% 70px}
    .hero-content{max-width:920px}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.18;font-weight:400;letter-spacing:-2px}.hero h1 span{color:var(--yellow);font-weight:500}.hero p{font-size:19px;line-height:1.75;max-width:820px;margin:24px 0;color:#eef0ff}.apply-btn{display:inline-flex;align-items:center;border-radius:50px;overflow:hidden;background:var(--yellow);color:#05073f;font-weight:800;box-shadow:0 15px 35px rgba(25,32,209,.24)}.apply-btn .icon{width:62px;height:62px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:23px}.apply-btn .txt{padding:0 28px}
    section{padding:72px 5%}.container{max-width:1220px;margin:auto}.title{text-align:center;margin-bottom:38px}.title .tag{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:1px}.title h2{font-size:clamp(32px,4vw,52px);line-height:1.2;margin-top:12px}.title p{max-width:760px;margin:14px auto 0;color:var(--muted);font-size:17px;line-height:1.65}
    .features{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.07);border:1px solid #e8eeee}.feature-card i{width:54px;height:54px;border-radius:16px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:23px;margin-bottom:18px}.feature-card h3{font-size:22px;margin-bottom:12px}.feature-card p{color:var(--muted);line-height:1.8}
    .plans{background:#fff}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.plan{border-radius:26px;background:#fff;border:1px solid #e4e6ff;box-shadow:0 14px 40px rgba(0,0,0,.08);padding:32px;position:relative;overflow:hidden}.plan.popular{border:3px solid var(--green);transform:translateY(-10px)}.badge{position:absolute;right:-38px;top:24px;transform:rotate(40deg);background:var(--green);padding:8px 45px;font-weight:800;color:#fff}.plan h3{font-size:25px}.price{font-size:44px;font-weight:800;margin:14px 0;color:var(--green)}.price small{font-size:15px;color:var(--muted);font-weight:600}.plan ul{list-style:none;margin:25px 0}.plan li{display:flex;gap:10px;align-items:flex-start;margin:13px 0;color:#2f335c;line-height:1.5}.plan li i{color:var(--green);margin-top:4px}.pay-btn{width:100%;height:54px;border-radius:50px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;margin-top:10px}.pay-btn:hover{background:var(--dark-green)}.plan.popular .pay-btn{background:var(--yellow);color:var(--dark-green)}.full{background:linear-gradient(135deg,var(--dark-green),var(--green));color:#fff}.full .price,.full li i{color:var(--yellow)}.full li,.full small{color:#eef0ff}.full .pay-btn{background:var(--yellow);color:var(--dark-green)}
    .steps{background:var(--soft)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{background:#fff;padding:28px;border-radius:var(--radius);border:1px solid #e6e8ff;box-shadow:0 10px 28px rgba(0,0,0,.06)}.num{width:48px;height:48px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:900;font-size:20px;margin-bottom:14px}.step h3{font-size:22px;margin-bottom:10px}.step p{color:var(--muted);line-height:1.8}

    .account{background:#fff;padding-top:60px}.account-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:stretch}.account-card,.client-panel{background:#fff;border:1px solid #e4e6ff;border-radius:26px;box-shadow:0 14px 40px rgba(0,0,0,.08);padding:30px}.account-card{background:linear-gradient(135deg,#ffffff,#f3f4ff)}.account-card h3,.client-panel h3{font-size:26px;margin-bottom:10px}.account-card p,.client-panel p{color:var(--muted);line-height:1.75}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:800;color:#22264f}.field input,.field select{height:50px;border:1px solid #dfe1ff;border-radius:14px;padding:0 14px;font-family:inherit;outline:none;background:#fff}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(25,32,209,.12)}.create-account-btn{border:0;width:100%;height:54px;border-radius:50px;background:var(--yellow);font-weight:900;font-family:inherit;margin-top:18px;cursor:pointer;color:#05073f}.client-panel{background:linear-gradient(135deg,var(--dark-green),var(--green));color:#fff}.client-panel p{color:#eef0ff}.client-info{margin-top:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:22px}.client-info div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14)}.client-info div:last-child{border-bottom:0}.client-info strong{color:var(--yellow)}.notice{font-size:13px;color:#62668a;margin-top:12px;line-height:1.6}.client-panel .notice{color:#eef0ff}.mini-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.mini-actions a{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#111;padding:13px 18px;border-radius:50px;font-weight:800}.mini-actions a:first-child{background:var(--yellow)}

    .staff{background:#fff}.staff-showcase{max-width:920px;margin:0 auto;position:relative;height:430px;display:grid;place-items:center;overflow:hidden}.staff-card{position:absolute;width:min(86%,360px);background:#fff;border:1px solid #e4e6ff;border-radius:30px;box-shadow:0 18px 50px rgba(0,0,0,.13);padding:20px;text-align:center;opacity:0;transform:translateX(120%) scale(.88);animation:staffSlide 20s infinite}.staff-card:nth-child(1){animation-delay:0s}.staff-card:nth-child(2){animation-delay:4s}.staff-card:nth-child(3){animation-delay:8s}.staff-card:nth-child(4){animation-delay:12s}.staff-card:nth-child(5){animation-delay:16s}.staff-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 18px;border:6px solid var(--soft);box-shadow:0 12px 28px rgba(0,0,0,.12)}.staff-card h3{font-size:24px;color:var(--dark-green);margin-bottom:7px}.staff-role{color:var(--green);font-weight:800;margin-bottom:12px}.staff-card p{color:var(--muted);line-height:1.7;font-size:15px}.staff-dots{display:flex;justify-content:center;gap:9px;margin-top:12px}.staff-dots span{width:10px;height:10px;border-radius:50%;background:var(--green);opacity:.35;animation:dotPulse 20s infinite}.staff-dots span:nth-child(1){animation-delay:0s}.staff-dots span:nth-child(2){animation-delay:4s}.staff-dots span:nth-child(3){animation-delay:8s}.staff-dots span:nth-child(4){animation-delay:12s}.staff-dots span:nth-child(5){animation-delay:16s}@keyframes staffSlide{0%{opacity:0;transform:translateX(120%) scale(.88)}6%,20%{opacity:1;transform:translateX(0) scale(1)}26%,100%{opacity:0;transform:translateX(-120%) scale(.88)}}@keyframes dotPulse{0%,25%,100%{opacity:.35;transform:scale(1)}6%,20%{opacity:1;transform:scale(1.25)}}


    .testimonials{background:var(--soft)}.testimonial-track{max-width:980px;margin:0 auto;position:relative;height:330px;display:grid;place-items:center;overflow:hidden}.testimonial-card{position:absolute;width:min(90%,620px);background:#fff;border:1px solid #e4e6ff;border-radius:28px;box-shadow:0 18px 50px rgba(0,0,0,.12);padding:34px;text-align:center;opacity:0;transform:translateX(120%) scale(.92);animation:testimonialSlide 24s infinite}.testimonial-card:nth-child(1){animation-delay:0s}.testimonial-card:nth-child(2){animation-delay:4s}.testimonial-card:nth-child(3){animation-delay:8s}.testimonial-card:nth-child(4){animation-delay:12s}.testimonial-card:nth-child(5){animation-delay:16s}.testimonial-card:nth-child(6){animation-delay:20s}.testimonial-icon{width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:24px;margin:0 auto 16px}.testimonial-card p{color:#30345f;line-height:1.85;font-style:italic;font-size:17px;margin-bottom:18px}.testimonial-card h3{font-size:22px;color:var(--dark-green);margin-bottom:5px}.testimonial-card span{color:var(--green);font-weight:800;font-size:14px}.testimonial-dots{display:flex;justify-content:center;gap:9px;margin-top:8px}.testimonial-dots span{width:10px;height:10px;border-radius:50%;background:var(--green);opacity:.35;animation:testimonialDot 24s infinite}.testimonial-dots span:nth-child(1){animation-delay:0s}.testimonial-dots span:nth-child(2){animation-delay:4s}.testimonial-dots span:nth-child(3){animation-delay:8s}.testimonial-dots span:nth-child(4){animation-delay:12s}.testimonial-dots span:nth-child(5){animation-delay:16s}.testimonial-dots span:nth-child(6){animation-delay:20s}@keyframes testimonialSlide{0%{opacity:0;transform:translateX(120%) scale(.92)}5%,16%{opacity:1;transform:translateX(0) scale(1)}21%,100%{opacity:0;transform:translateX(-120%) scale(.92)}}@keyframes testimonialDot{0%,20%,100%{opacity:.35;transform:scale(1)}5%,16%{opacity:1;transform:scale(1.25)}}


    .radios{background:#fff}.radio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.radio-card{background:#f3f4f4;border-radius:14px;padding:16px 12px;border:1px solid #e7e8ff;transition:.25s ease;position:relative;overflow:hidden;cursor:pointer;min-height:220px;display:flex;align-items:center;justify-content:center}.radio-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(0,0,0,.12);border-color:rgba(25,32,209,.26)}.radio-card-listeners{position:absolute;left:10px;top:10px;background:linear-gradient(135deg,var(--dark-green),var(--green));color:#fff;border-radius:50px;padding:7px 10px;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.18);display:flex;align-items:center;gap:6px;z-index:3}.radio-card-listeners i{color:var(--yellow)}.radio-link-wrap{display:block;width:100%;text-align:center}.client-logo{width:145px;height:145px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;margin:0 auto 14px;box-shadow:0 8px 22px rgba(0,0,0,.07)}.client-logo img{width:100%;height:100%;object-fit:cover}.radio-meta{text-align:center}.radio-name{font-size:17px;line-height:1.35;margin-bottom:0;color:#05073f;font-weight:700}.radio-url{display:none}.radio-card .radio-shell{display:none}.radio-page{position:fixed;inset:0;z-index:10000;background:radial-gradient(circle at top left,rgba(25,32,209,.18),transparent 35%),linear-gradient(135deg,#eef0ff,#ffffff);overflow-y:auto;padding:44px 22px;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.98);transition:.25s ease}.radio-page.portal-visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.radio-player-page{max-width:820px;margin:0 auto;background:linear-gradient(180deg,#ffffff,#f6fbfa);border:1px solid #e4e6ff;border-radius:34px;box-shadow:0 22px 65px rgba(0,0,0,.18);padding:34px;text-align:center;position:relative;overflow:hidden}.radio-player-page:before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:linear-gradient(135deg,var(--dark-green),var(--green));z-index:0}.radio-player-page>*{position:relative;z-index:1}.radio-player-logo{width:218px;height:218px;border-radius:50%;margin:34px auto 20px;object-fit:cover;background:#f3f4ff;box-shadow:0 18px 38px rgba(0,0,0,.18);border:8px solid #fff}.radio-player-page h2{font-size:36px;color:var(--dark-green);margin-bottom:10px}.radio-player-page p{color:var(--muted);line-height:1.8;margin-bottom:18px}.radio-player-stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:8px 0 20px}.radio-player-stats span{display:inline-flex;align-items:center;gap:8px;border-radius:50px;padding:10px 15px;font-size:13px;font-weight:900;background:#fff;border:1px solid #e4e6ff;box-shadow:0 8px 22px rgba(0,0,0,.08);color:var(--dark-green)}.radio-player-stats span:first-child{background:var(--yellow);color:var(--dark-green);border-color:var(--yellow)}.pro-radio-player{background:linear-gradient(135deg,var(--dark-green),var(--green));border-radius:26px;padding:18px;display:flex;align-items:center;gap:18px;box-shadow:0 16px 36px rgba(25,32,209,.26);margin-top:16px;color:#fff}.main-radio-play{width:70px;height:70px;border:0;border-radius:50%;background:var(--yellow);color:var(--dark-green);font-size:24px;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.20);flex:0 0 auto}.main-radio-play.playing{background:#fff;color:var(--green)}.pro-player-info{text-align:left;flex:1}.pro-player-info strong{display:block;font-size:18px;margin-bottom:4px}.pro-player-info span{font-size:13px;color:#eef0ff}.pro-player-wave{height:8px;background:rgba(255,255,255,.18);border-radius:50px;overflow:hidden;margin-top:12px;position:relative}.pro-player-wave:before{content:"";position:absolute;left:-45%;top:0;width:45%;height:100%;background:var(--yellow);border-radius:50px;animation:barMove 1.8s linear infinite}.radio-big-player{display:none!important;width:0;height:0;opacity:0;visibility:hidden}.radio-back-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.radio-back-actions a,.radio-back-actions button{border:0;border-radius:50px;padding:14px 22px;font-family:inherit;font-weight:900;cursor:pointer}.radio-back-actions button{background:var(--dark-green);color:#fff}.radio-back-actions a{background:var(--yellow);color:var(--dark-green)}@keyframes livePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes barMove{0%{transform:translateX(-100%)}100%{transform:translateX(280%)}}

    .contact{background:linear-gradient(135deg,#05073f,#1920d1);color:#fff}.contact-box{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.contact h2{font-size:44px;line-height:1.2}.contact p{line-height:1.8;margin:18px 0;color:#eef0ff}.whatsapp{display:inline-flex;align-items:center;gap:12px;background:var(--yellow);color:var(--dark-green);padding:16px 28px;border-radius:50px;font-weight:900}.info-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:25px;padding:30px}.info-card div{margin:16px 0;display:flex;gap:12px;align-items:center}.footer{padding:35px 5%;background:#05073f;color:#dfe9e6;text-align:center}.footer strong{color:var(--yellow)}
    @media(max-width:1050px){.menu{display:none}.plan-grid{grid-template-columns:repeat(2,1fr)}.radio-grid{grid-template-columns:repeat(3,1fr)}.feature-grid,.step-grid{grid-template-columns:1fr 1fr}.top-left{min-width:auto}.top-right{display:none}}
    @media(max-width:720px){.top-wrap{width:100%;position:relative;left:auto;transform:none}.topbar{height:auto;display:block}.top-left{clip-path:none;width:100%;padding:14px 18px;gap:12px;flex-wrap:wrap}.nav{height:auto;border-radius:0;padding:14px 18px;gap:12px}.round{display:none}.quote{padding:0 20px}.logo{font-size:26px}.hero{padding:70px 22px 60px;min-height:auto}.hero p{font-size:17px}.feature-grid,.step-grid,.plan-grid,.contact-box,.account-wrap,.form-row{grid-template-columns:1fr}.radio-grid{grid-template-columns:repeat(2,1fr);gap:12px}.client-logo{width:118px;height:118px}.radio-card{min-height:178px;padding:14px 10px}.radio-name{font-size:15px}.plan.popular{transform:none}section{padding:65px 22px}.contact h2{font-size:34px}.testimonial-track{height:370px}.testimonial-card{padding:26px}}

    /* Páginas internas integradas: permanecen ocultas y solo se abren al hacer clic */
    body.portal-open{overflow:hidden}
    #crear-cuenta.account,#sobre-nosotros.about-page{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#eef0ff,#ffffff);overflow-y:auto;padding:44px 22px;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.98);transition:.25s ease}
    #crear-cuenta.account.portal-visible,#sobre-nosotros.about-page.portal-visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}
    .portal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
    .portal-close{border:0;background:var(--dark-green);color:#fff;width:46px;height:46px;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.18)}
    #crear-cuenta .container,#sobre-nosotros .container{max-width:1120px}
    .about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
    .about-card{background:#fff;border:1px solid #e4e6ff;border-radius:26px;box-shadow:0 14px 40px rgba(0,0,0,.08);padding:30px}
    .about-card h3{font-size:25px;margin-bottom:12px;color:var(--dark-green)}
    .about-card p{color:var(--muted);line-height:1.85;margin-bottom:14px}
    .about-list{list-style:none;margin-top:18px}
    .about-list li{display:flex;gap:12px;align-items:flex-start;margin:14px 0;color:#30345f;line-height:1.65}
    .about-list i{color:var(--green);margin-top:5px}
    .about-highlight{background:linear-gradient(135deg,var(--dark-green),var(--green));color:#fff}
    .about-highlight h3{color:var(--yellow)}
    .about-highlight p,.about-highlight li{color:#eef0ff}
    .about-highlight i{color:var(--yellow)}

    .trial-btn{height:42px;padding:0 22px;border-radius:50px;background:#fff;color:var(--dark-green);display:flex;align-items:center;gap:9px;font-weight:900;box-shadow:0 10px 26px rgba(0,0,0,.16);border:2px solid var(--yellow);white-space:nowrap}.trial-btn i{color:var(--green)}.trial-btn:hover{background:var(--yellow);color:var(--dark-green)}
    @media(max-width:720px){.trial-btn{height:40px;padding:0 14px;font-size:13px}}

    @media(max-width:720px){#crear-cuenta.account,#sobre-nosotros.about-page{padding:24px 14px}.portal-head{align-items:flex-start}.portal-close{width:42px;height:42px;flex:0 0 auto}.about-wrap{grid-template-columns:1fr}}

    .owner-panel{display:none;margin-top:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:18px;text-align:left}.owner-panel.owner-visible{display:block}.owner-panel h4{color:var(--yellow);font-size:18px;margin-bottom:10px}.owner-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.owner-stat{background:rgba(255,255,255,.12);border-radius:14px;padding:12px}.owner-stat strong{display:block;color:var(--yellow);font-size:24px}.owner-list{max-height:190px;overflow:auto;margin-top:10px;border-top:1px solid rgba(255,255,255,.16);padding-top:10px}.owner-user{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.5}.owner-user b{color:var(--yellow)}.forgot-link{display:inline-block;margin-top:12px;font-weight:800;color:var(--green);cursor:pointer}.forgot-box{display:none;margin-top:16px;background:#f3f4ff;border:1px solid #e4e6ff;border-radius:18px;padding:16px}.forgot-box.forgot-visible{display:block}.reset-code-box{display:none;margin-top:12px;padding:12px;border-radius:14px;background:#fff;border:1px dashed var(--green);font-weight:700;color:var(--dark-green)}.reset-code-box.code-visible{display:block}@media(max-width:720px){.owner-stats{grid-template-columns:1fr}.owner-panel{padding:15px}.forgot-box{padding:14px}}


    /* Ajuste profesional del menú y botones superiores */
    .nav{gap:16px;min-height:74px;height:auto;flex-wrap:nowrap}
    .logo{flex:0 0 auto;font-size:clamp(22px,2.1vw,29px)}
    .menu{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.1}
    .menu a{padding:8px 3px;white-space:nowrap}
    .nav-actions{flex:0 0 auto;gap:8px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
    .quote,.trial-btn{height:36px;padding:0 14px;font-size:12px;border-radius:50px;white-space:nowrap;line-height:1;font-weight:900}
    .trial-btn{gap:6px;border-width:1px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
    .round{width:36px;height:36px;font-size:14px;flex:0 0 36px}

    @media(max-width:1180px){
      .nav{padding:12px 18px;align-items:center;flex-wrap:wrap}
      .logo{width:100%;justify-content:center;margin-bottom:4px}
      .menu{order:2;width:100%;justify-content:center;gap:8px;font-size:12px}
      .nav-actions{order:1;margin-left:auto}
      .round{display:none}
      .quote,.trial-btn{height:34px;padding:0 11px;font-size:11.5px}
    }

    @media(max-width:720px){
      .top-wrap{width:100%;position:relative;left:auto;transform:none}
      .topbar{height:auto;display:block}
      .top-left{clip-path:none;width:100%;padding:12px 14px;gap:10px;flex-wrap:wrap;justify-content:center;font-size:12px}
      .top-right{display:none}
      .nav{border-radius:0;padding:12px 12px;gap:9px;display:flex;flex-wrap:wrap;justify-content:center}
      .logo{order:0;width:100%;font-size:22px;justify-content:center;margin:0}
      .nav-actions{order:1;width:100%;justify-content:center;gap:8px;margin:0}
      .quote,.trial-btn{height:32px;padding:0 10px;font-size:11px;max-width:46%;overflow:hidden;text-overflow:ellipsis;justify-content:center}
      .menu{order:2;width:100%;display:flex!important;justify-content:center;gap:6px;font-size:11px;line-height:1.1;margin-top:2px}
      .menu a{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);border-radius:50px;padding:7px 8px}
      .round{display:none!important}
      .hero{padding-top:48px}
    }

    @media(max-width:420px){
      .menu{gap:5px;font-size:10.5px}
      .menu a{padding:6px 7px}
      .quote,.trial-btn{font-size:10.5px;padding:0 8px}
    }


    /* Menú móvil profesional con botón desplegable */
    .mobile-menu-toggle{display:none;border:0;background:var(--green);color:#fff;width:38px;height:38px;border-radius:50%;font-size:17px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.18);align-items:center;justify-content:center;flex:0 0 38px}
    @media(max-width:720px){
      .nav{position:relative;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 14px;gap:10px}
      .logo{order:0;width:auto;justify-content:flex-start;margin:0;font-size:22px;flex:1 1 auto}
      .mobile-menu-toggle{display:flex;order:1;margin-left:auto;width:44px;height:44px;flex:0 0 44px;font-size:20px}
      .nav-actions{order:2;width:100%;justify-content:center;gap:8px;margin:0;flex:0 0 100%}
      .trial-btn,.quote{height:30px;max-width:none;padding:0 9px;font-size:10.5px}
      .trial-btn i{display:none}
      .round{display:none!important}
      .menu{order:3;position:absolute;top:100%;left:12px;right:12px;z-index:999;background:rgba(28,36,33,.98);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.28);padding:12px;display:none!important;grid-template-columns:1fr;gap:8px;margin-top:8px;width:auto;font-size:13px;text-align:left}
      .menu.menu-open{display:grid!important}
      .menu a{display:flex;align-items:center;justify-content:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:13px;padding:12px 14px;color:#fff;width:100%}
      .hero{padding-top:52px}
    }
    @media(max-width:430px){
      .logo{font-size:20px}
      .logo-mark{width:34px;height:26px}
      .nav-actions{justify-content:center;gap:7px}
      .trial-btn{height:38px;width:auto;min-width:142px;padding:0 14px;border-radius:50px;font-size:12.5px;letter-spacing:.1px;box-shadow:0 10px 24px rgba(25,32,209,.18);border:2px solid var(--yellow)}
      .trial-btn i{display:inline-block;font-size:13px}
      .trial-btn:before{content:'';display:none}
      .quote{height:34px;font-size:10.5px;padding:0 10px;max-width:94px;overflow:hidden;text-overflow:ellipsis}
      .mobile-menu-toggle{width:42px;height:42px;flex-basis:42px}
    }



    /* Ajuste final cabecera móvil: botones pequeños y alineados */
    @media(max-width:720px){
      .nav{padding:11px 13px 12px;gap:8px;align-items:center;justify-content:space-between}
      .logo{order:0;flex:1 1 auto;width:auto;justify-content:flex-start;font-size:21px;min-width:0}
      .mobile-menu-toggle{order:1;margin-left:auto;width:42px;height:42px;flex:0 0 42px;font-size:20px}
      .nav-actions{order:2;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin:0;padding-top:2px;flex:0 0 100%}
      .nav-actions .quote{order:1}
      .nav-actions .trial-btn{order:2}
      .quote,.trial-btn{height:33px;min-width:104px;max-width:138px;padding:0 11px;font-size:11px;border-radius:50px;line-height:1;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .trial-btn{border:1px solid var(--yellow);box-shadow:0 8px 18px rgba(0,0,0,.12);gap:5px;background:#fff;color:var(--dark-green)}
      .trial-btn i{display:none}
      .menu{top:100%;left:12px;right:12px}
    }
    @media(max-width:430px){
      .logo{font-size:19px}
      .logo-mark{width:32px;height:25px}
      .mobile-menu-toggle{width:40px;height:40px;flex-basis:40px;font-size:19px}
      .nav-actions{gap:7px}
      .quote,.trial-btn{height:31px;min-width:96px;max-width:125px;padding:0 9px;font-size:10.3px}
      .trial-btn{border-width:1px;box-shadow:0 7px 16px rgba(0,0,0,.12)}
    }

    /* Ajustement définitif de l’en-tête mobile: Créer un profil en el centro, menu à droite */
    @media(max-width:720px){
      .nav{
        display:grid!important;
        grid-template-columns:auto minmax(92px,1fr) auto;
        grid-template-areas:
          "logo profile toggle"
          "trial trial trial"
          "menu menu menu";
        align-items:center!important;
        column-gap:8px!important;
        row-gap:7px!important;
        padding:10px 12px 11px!important;
        min-height:auto!important;
        height:auto!important;
      }
      .nav .logo{
        grid-area:logo!important;
        order:0!important;
        width:auto!important;
        min-width:0!important;
        margin:0!important;
        font-size:19px!important;
        justify-content:flex-start!important;
        white-space:nowrap!important;
      }
      .nav .logo-mark{width:30px!important;height:24px!important;flex:0 0 30px!important}
      .nav .logo-mark:before,.nav .logo-mark:after{width:30px!important;height:6px!important}
      .nav .logo-mark span{width:23px!important;height:6px!important;top:9px!important}
      .nav .mobile-menu-toggle{
        grid-area:toggle!important;
        display:flex!important;
        order:0!important;
        margin:0!important;
        width:42px!important;
        height:42px!important;
        flex:0 0 42px!important;
        font-size:20px!important;
        justify-self:end!important;
      }
      .nav .nav-actions{display:contents!important}
      .nav .nav-actions .round{display:none!important}
      .nav .nav-actions .quote{
        grid-area:profile!important;
        order:0!important;
        justify-self:center!important;
        align-self:center!important;
        height:31px!important;
        min-width:96px!important;
        max-width:118px!important;
        padding:0 10px!important;
        font-size:10.5px!important;
        line-height:1!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
      }
      .nav .nav-actions .trial-btn{
        grid-area:trial!important;
        order:0!important;
        justify-self:center!important;
        height:30px!important;
        min-width:122px!important;
        max-width:150px!important;
        padding:0 11px!important;
        font-size:10.5px!important;
        border-width:1px!important;
        box-shadow:0 7px 16px rgba(0,0,0,.12)!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        white-space:nowrap!important;
      }
      .nav .nav-actions .trial-btn i{display:none!important}
      .nav .menu{
        grid-area:menu!important;
        order:0!important;
        top:calc(100% + 4px)!important;
        left:12px!important;
        right:12px!important;
      }
    }
    @media(max-width:390px){
      .nav{grid-template-columns:auto minmax(84px,1fr) auto;column-gap:6px!important;padding-left:10px!important;padding-right:10px!important}
      .nav .logo{font-size:17px!important;gap:7px!important}
      .nav .logo-mark{width:27px!important;height:22px!important;flex-basis:27px!important}
      .nav .logo-mark:before,.nav .logo-mark:after{width:27px!important;height:5px!important}
      .nav .logo-mark span{width:21px!important;height:5px!important;top:8px!important}
      .nav .nav-actions .quote{min-width:86px!important;max-width:104px!important;font-size:9.8px!important;padding:0 8px!important}
      .nav .nav-actions .trial-btn{height:28px;min-width:112px!important;max-width:140px!important;font-size:9.8px!important}
      .nav .mobile-menu-toggle{width:39px!important;height:39px!important;flex-basis:39px!important;font-size:18px!important}
    }


    /* Ajuste final móvil: botones pequeños juntos arriba sin desordenar la cabecera */
    @media(max-width:720px){
      .nav{
        display:grid!important;
        grid-template-columns:auto minmax(132px,1fr) auto!important;
        grid-template-areas:
          "logo actions toggle"
          "menu menu menu"!important;
        align-items:center!important;
        column-gap:7px!important;
        row-gap:6px!important;
        padding:10px 11px!important;
      }
      .nav .logo{grid-area:logo!important;font-size:18px!important;gap:7px!important;min-width:0!important;white-space:nowrap!important}
      .nav .logo-mark{width:28px!important;height:23px!important;flex:0 0 28px!important}
      .nav .logo-mark:before,.nav .logo-mark:after{width:28px!important;height:5px!important}
      .nav .logo-mark span{width:21px!important;height:5px!important;top:9px!important}
      .nav .mobile-menu-toggle{grid-area:toggle!important;justify-self:end!important;width:40px!important;height:40px!important;flex:0 0 40px!important;font-size:19px!important;margin:0!important}
      .nav .nav-actions{
        grid-area:actions!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        flex-wrap:nowrap!important;
      }
      .nav .nav-actions .round{display:none!important}
      .nav .nav-actions .quote,
      .nav .nav-actions .trial-btn{
        height:28px!important;
        min-width:0!important;
        max-width:none!important;
        padding:0 7px!important;
        font-size:9.4px!important;
        line-height:1!important;
        border-radius:50px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        font-weight:900!important;
      }
      .nav .nav-actions .quote{flex:0 1 76px!important;background:var(--yellow)!important;color:var(--dark-green)!important}
      .nav .nav-actions .trial-btn{flex:0 1 92px!important;border-width:1px!important;box-shadow:0 6px 14px rgba(0,0,0,.12)!important;gap:0!important}
      .nav .nav-actions .trial-btn i{display:none!important}
      .nav .menu{grid-area:menu!important;top:calc(100% + 4px)!important;left:10px!important;right:10px!important}
    }
    @media(max-width:390px){
      .nav{grid-template-columns:auto minmax(118px,1fr) auto!important;column-gap:5px!important;padding-left:9px!important;padding-right:9px!important}
      .nav .logo{font-size:16px!important;gap:6px!important}
      .nav .logo-mark{width:24px!important;height:20px!important;flex-basis:24px!important}
      .nav .logo-mark:before,.nav .logo-mark:after{width:24px!important;height:5px!important}
      .nav .logo-mark span{width:18px!important;height:5px!important;top:8px!important}
      .nav .mobile-menu-toggle{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:18px!important}
      .nav .nav-actions{gap:4px!important}
      .nav .nav-actions .quote,
      .nav .nav-actions .trial-btn{height:27px!important;font-size:8.7px!important;padding:0 5px!important}
      .nav .nav-actions .quote{flex-basis:68px!important}
      .nav .nav-actions .trial-btn{flex-basis:84px!important}
    }

/* WordPress additions */
.admin-bar .top-wrap{top:32px}.wp-posts{background:#fff}.wp-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wp-post-card{background:#fff;border:1px solid #e4e6ff;border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.08);overflow:hidden}.wp-post-card img{width:100%;height:210px;object-fit:cover}.wp-post-card .post-body{padding:22px}.wp-post-card h3{font-size:21px;margin-bottom:10px}.wp-post-card p{color:var(--muted);line-height:1.7}.wp-post-card a.read-more{display:inline-flex;margin-top:15px;color:var(--green);font-weight:900}.site-main{padding-top:170px}.entry-wrap{max-width:980px;margin:auto;padding:60px 22px}.entry-wrap h1{font-size:clamp(32px,4vw,52px);margin-bottom:20px;color:var(--dark-green)}.entry-content{line-height:1.85;font-size:18px}.entry-content p{margin-bottom:18px}@media(max-width:782px){.admin-bar .top-wrap{top:46px}}@media(max-width:900px){.wp-post-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.wp-post-grid{grid-template-columns:1fr}.site-main{padding-top:30px}}