/* 7VEN JUICES · SISTEMA VISUAL FINAL
   Capa exclusivamente visual: color, contraste y tipografia.
   No modifica estructura, estados, eventos ni flujos de la aplicacion. */

:root{
  --seven-green:#69B42C;
  --seven-deep:#0C3120;
  --seven-yellow:#FFC911;
  --seven-orange:#FE330A;
  --seven-red:#B11A2B;
  --seven-magenta:#930F4B;
  --seven-ink:#17271E;
  --seven-muted:#5B6C62;
  --seven-canvas:#F4F7F5;
  --seven-line:#D8E2DB;
  --seven-white:#FFFFFF;
  --seven-font:"Segoe UI",Arial,Helvetica,sans-serif;
  --seven-shadow:0 10px 28px rgba(12,49,32,.08);
  --seven-shadow-hover:0 16px 36px rgba(12,49,32,.13);
}

/* Tipografia y legibilidad comunes */
.public-shell,
.admin-shell,
.modal,
.toast{
  font-family:var(--screen-font,var(--seven-font)),var(--seven-font)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.public-shell{
  color:var(--screen-body-color,var(--seven-ink));
  font-size:16px;
  line-height:1.55;
}

.public-shell h1,
.public-shell h2,
.public-shell h3,
.public-shell h4,
.admin-shell h1,
.admin-shell h2,
.admin-shell h3{
  text-wrap:balance;
  letter-spacing:-.018em;
}

.public-shell h1{line-height:1.04}
.public-shell h2{line-height:1.12}
.public-shell h3,.public-shell h4{line-height:1.2}
.public-shell p,.public-shell li{line-height:1.6}

.public-shell .section-title h2{
  color:var(--screen-section-title,var(--seven-deep));
  font-size:clamp(1.55rem,3vw,2.35rem);
  font-weight:var(--screen-section-title-weight,800);
}

.public-shell .kicker{
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.13em;
}

/* Controles: mismas proporciones en todas las pantallas */
.public-shell .btn,
.public-shell .cart-btn,
.public-shell button,
.admin-shell .btn,
.admin-shell button{
  font-family:inherit;
}

.public-shell .btn{
  min-height:44px;
  padding:11px 18px;
  border-radius:var(--screen-button-radius,12px);
  font-size:clamp(.82rem,1.05vw,.94rem);
  font-weight:var(--screen-button-weight,800);
  letter-spacing:.012em;
}

.public-shell .btn-primary{
  background:var(--screen-button-bg,var(--seven-green));
  color:var(--screen-button-text,#fff);
}

.public-shell .btn-dark{background:var(--seven-deep);color:#fff}
.public-shell .btn-yellow{background:var(--seven-yellow);color:var(--seven-deep)}
.public-shell .btn-ghost{background:#EEF4EF;color:var(--seven-deep)}
.public-shell .btn-outline{background:#fff;color:var(--seven-deep);border-color:currentColor}

.public-shell input,
.public-shell select,
.public-shell textarea,
.admin-shell input,
.admin-shell select,
.admin-shell textarea{
  font-family:inherit;
  font-size:max(15px,.9rem);
  color:var(--seven-ink);
}

.public-shell :is(button,a,input,select,textarea):focus-visible,
.admin-shell :is(button,a,input,select,textarea):focus-visible,
.modal :is(button,a,input,select,textarea):focus-visible{
  outline:3px solid var(--seven-yellow)!important;
  outline-offset:3px!important;
}

/* Header y footer conservan los colores editables de cada pantalla */
.public-header{
  background:var(--screen-header-bg,var(--seven-deep))!important;
  color:var(--screen-header-text,#fff)!important;
  border-bottom:1px solid rgba(255,255,255,.16);
  box-shadow:0 5px 18px rgba(5,25,15,.12);
}

.public-header .header-inner{
  min-height:clamp(70px,var(--screen-header-height,78px),92px);
}

.public-header .nav button{
  color:var(--screen-header-text,#fff)!important;
  font-size:clamp(.79rem,1vw,.9rem);
  font-weight:var(--screen-header-weight,750);
  letter-spacing:.01em;
}

.public-header .nav button:hover,
.public-header .nav button.active{
  background:rgba(255,255,255,.13)!important;
  color:var(--screen-header-text,#fff)!important;
  box-shadow:inset 0 -3px 0 var(--seven-accent,var(--seven-green));
}

.public-header .cart-btn{
  min-height:42px;
  color:var(--screen-header-text,#fff);
  border-color:rgba(255,255,255,.28);
  background:rgba(0,0,0,.14);
}

.footer{
  background:var(--screen-footer-bg,var(--seven-deep))!important;
  color:var(--screen-footer-text,#fff)!important;
  border-top:1px solid rgba(255,255,255,.14);
}
.footer h4,.footer p,.footer a,.footer span{color:inherit!important}
.footer p,.footer a,.footer span{opacity:.88}

/* Cards: el editor sigue decidiendo sus colores */
.public-shell .card{
  background:var(--screen-card-bg,#fff);
  color:var(--screen-card-text,var(--seven-ink));
  border-color:var(--screen-card-border,var(--seven-line));
  border-radius:var(--screen-card-radius,18px);
  box-shadow:var(--screen-card-shadow,var(--seven-shadow));
}
.public-shell .card h2,
.public-shell .card h3,
.public-shell .card h4{color:var(--screen-card-title,var(--seven-deep))}
.public-shell .muted{color:var(--seven-muted)}

/* Pantalla 00 · Acceso */
.screen-00{--seven-accent:var(--seven-yellow)}
.screen-00 .landing{
  background:
    radial-gradient(circle at 12% 18%,rgba(105,180,44,.31),transparent 34%),
    radial-gradient(circle at 88% 76%,rgba(255,201,17,.18),transparent 30%),
    linear-gradient(135deg,#06180D 0%,var(--seven-deep) 58%,#071B10 100%);
}
.screen-00 .access-panel{
  background:rgba(5,29,16,.86);
  border-color:rgba(255,255,255,.18);
}
.screen-00 .landing h1 span{color:#8BD342}
.screen-00 .rainbow-line{background:linear-gradient(90deg,var(--seven-green),var(--seven-yellow),var(--seven-orange),var(--seven-magenta))}
.screen-00 .admin-entry{color:var(--seven-yellow);border-color:rgba(255,201,17,.62)}

/* Pantalla 01 · Inicio */
.screen-01{--seven-accent:var(--seven-yellow)}
.screen-01 .hero{
  border-color:#CFE0D3;
  box-shadow:var(--seven-shadow);
}
.screen-01 .hero h1,.screen-01 .hero h2{color:var(--seven-deep)}
.screen-01 .hero h1 span{color:var(--seven-green)}
.screen-01 .benefit-strip{border-color:#D5E4D8;box-shadow:0 7px 22px rgba(12,49,32,.06)}
.screen-01 .benefit-icon{color:var(--seven-green)}
.screen-01 .social-teaser{
  background:linear-gradient(120deg,var(--seven-deep),#184B31 58%,var(--seven-magenta));
}

/* Pantalla 02 · Planes y suscripciones */
.screen-02{--seven-accent:var(--seven-yellow)}
.screen-02 .plan-card{
  border-color:#E6CF66;
  box-shadow:0 10px 28px rgba(94,74,0,.08);
}
.screen-02 .plan-card.weekly{border-color:var(--seven-green)}
.screen-02 .plan-card.monthly{border-color:var(--seven-yellow)}
.screen-02 .plan-config{
  background:#FFF9E9;
  border-color:#E8D48C;
}
.screen-02 .tab.active{background:var(--seven-deep);color:#fff;border-color:var(--seven-deep)}
.screen-02 .day-select-card:focus-within{border-color:var(--seven-green);box-shadow:0 0 0 3px rgba(105,180,44,.13)}

/* Pantalla 03 · Mix y extras */
.screen-03{--seven-accent:var(--seven-orange)}
.screen-03 .filter{background:#FFF0E9;color:#82290C}
.screen-03 .filter.active{background:var(--seven-orange);color:#fff}
.screen-03 .extra-card{border-top:4px solid var(--seven-orange)}
.screen-03 .extra-visual{background:linear-gradient(135deg,#FFF7D9,#FFE9E2)}

/* Pantalla 04 · Entregas */
.screen-04{--seven-accent:var(--seven-yellow)}
.screen-04 .route-status.active{border-color:var(--seven-yellow)}
.screen-04 .route-status.enpoint.active{border-color:var(--seven-green)}
.screen-04 .mapbox{background:linear-gradient(135deg,#EEF3EC,#C9D8CA);color:var(--seven-deep)}
.screen-04 .point-num{background:var(--seven-green);color:#fff}

/* Pantalla 05 · 7VEN Social */
.screen-05{--seven-accent:var(--seven-red)}
.screen-05 .s15-page{line-height:1.55}
.screen-05 .s15-head h1,.screen-05 .s15-profile-hero h1{letter-spacing:-.025em}
.screen-05 .s15-card,.screen-05 .s15-form,.screen-05 .s15-gate{transition:border-color .18s ease,box-shadow .18s ease}
.screen-05 .s15-card:hover{border-color:color-mix(in srgb,var(--s15-primary-bg) 42%,var(--s15-border))!important}
.screen-05 .s15-primary{min-height:44px;font-weight:850!important}
.screen-05 .s17-top-badge,
.screen-05 .s17-notification i,
.screen-05 .s17-conversation i{background:var(--seven-red)}
.screen-05 .s17-story{border-color:var(--s15-primary-bg,var(--seven-red))}

/* Pantalla 06 · Mi Cuenta */
.screen-06{--seven-accent:var(--seven-green)}
.screen-06 .a9-account-page{color:var(--seven-ink)}
.screen-06 .a9-account-kicker{color:var(--seven-deep)}
.screen-06 .a9-photo-edit{background:var(--seven-green);color:#fff}
.screen-06 .a9-glance>div,.screen-06 .a9-module{border-color:#D6E3DA;box-shadow:var(--seven-shadow)}
.screen-06 .a9-module:nth-child(2),.screen-06 .a9-module:nth-child(5){background:#F3F9F0}
.screen-06 .a9-module:nth-child(3),.screen-06 .a9-module:nth-child(6){background:#FFF9E8}
.screen-06 .a9-module:nth-child(2) .a9-module-icon,
.screen-06 .a9-module:nth-child(5) .a9-module-icon{background:var(--seven-green)}
.screen-06 .a9-module:nth-child(3) .a9-module-icon,
.screen-06 .a9-module:nth-child(6) .a9-module-icon{background:var(--seven-yellow);color:var(--seven-deep)}
.screen-06 .a9-window-body h3{color:var(--seven-deep)}

/* Pantalla 07 · Carrito */
.screen-07{--seven-accent:var(--seven-yellow)}
.screen-07 .ju3-cart-rule-card{
  --ju3-t1-color:var(--seven-deep);
  --ju3-t2-color:#2C6B35;
  --ju3-t3-color:#24372B;
  --ju3-t4-color:#5A6C61;
  --ju3-card-bg:#FFFFFF;
  --ju3-card-border:#D4E0D7;
  box-shadow:var(--seven-shadow)!important;
}
.screen-07 .ju3-purchase{
  background:linear-gradient(90deg,var(--seven-yellow),#FFD94D)!important;
  color:var(--seven-deep)!important;
  box-shadow:0 10px 24px rgba(181,137,0,.19);
}
.screen-07 .ju3-purchase:hover{box-shadow:0 14px 30px rgba(181,137,0,.25)}
.screen-07 .ju3-month-mode-options label.selected{background:#EFF8E9!important;border-color:var(--seven-green)!important}

/* Pantalla 08 · Administracion */
.admin-shell{
  background:var(--seven-canvas);
  color:var(--seven-ink);
  font-size:15px;
  line-height:1.48;
}
.admin-sidebar{background:#10283B;color:#fff}
.admin-nav button{color:#E5EDF3;font-weight:650}
.admin-nav button.active,.admin-nav button:hover{background:var(--seven-green);color:#fff}
.admin-main{background:linear-gradient(180deg,#F6F8F7,#F1F5F2)}
.admin-top h1{color:#10283B;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:850}
.admin-top .kicker{color:#4E9E24}
.admin-card,.admin-panel,.kpi,.editor-controls,.live-preview{
  border-color:var(--seven-line);
  box-shadow:0 5px 18px rgba(16,40,59,.045);
}
.admin-panel h2,.admin-panel h3,.admin-card h3{color:#10283B}
.admin-table th{
  color:#435C4D;
  background:#EEF4F0;
  font-weight:850;
  letter-spacing:.04em;
}
.admin-table td{color:#263A2E}
.admin-shell .btn{font-weight:800;letter-spacing:.01em}
.admin-shell .btn-primary{background:var(--seven-green);color:#fff}
.admin-shell .btn-dark{background:var(--seven-deep);color:#fff}
.admin-shell .btn-yellow{background:var(--seven-yellow);color:var(--seven-deep)}
.admin-shell .btn-outline{background:#fff;color:#2F7A28;border-color:#69B42C}
.admin-shell .tab.active{background:var(--seven-deep);color:#fff;border-color:var(--seven-deep)}
.admin-shell .field label{color:#455C4E;font-weight:800}
.admin-shell .field input,.admin-shell .field select,.admin-shell .field textarea{
  border-color:#C9D7CD;
  color:var(--seven-ink);
}
.admin-shell .field input:focus,.admin-shell .field select:focus,.admin-shell .field textarea:focus{border-color:var(--seven-green)}
.admin-shell .success-box{background:#EEF8EA;border-color:#98C985;color:#245B27}
.admin-shell .warning-box{background:#FFF8E5;border-color:#E1BE55;color:#674B00}
.admin-shell .danger-box{background:#FFF0EF;border-color:#E3A4A0;color:#76231E}

/* Modales y avisos */
.modal{border:1px solid var(--seven-line);color:var(--seven-ink)}
.modal-head h2{color:var(--seven-deep);font-size:clamp(1.35rem,2.4vw,1.85rem)}
.modal-close{color:var(--seven-deep)}
.toast{background:var(--seven-deep);color:#fff}

@media(max-width:760px){
  .public-shell{font-size:15px}
  .public-header .header-inner{min-height:68px;padding-inline:14px}
  .public-shell .section-title h2{font-size:clamp(1.4rem,7vw,1.9rem)}
  .public-shell .btn{min-height:46px}
  .admin-shell{font-size:14px}
  .admin-main{padding:16px 12px}
  .admin-top h1{font-size:1.55rem}
}

@media(prefers-reduced-motion:reduce){
  .public-shell *,.admin-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* =========================================================
   IDENTIDAD 7VEN · ETAPA DE DISEÑO 00–08
   Mantiene los valores del editor como fuente de verdad.
   ========================================================= */
.public-shell{
  background-color:var(--screen-page-bg,#F4F7F5)!important;
  background-image:var(--screen-page-image,none)!important;
  background-size:var(--screen-page-fit,cover)!important;
  background-position:var(--screen-page-position,center)!important;
  background-repeat:no-repeat!important;
}
.public-shell .main{width:min(var(--screen-content-width,1240px),100%);padding-top:clamp(22px,3.2vw,42px)}
.public-shell :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}
.public-shell .section-title :is(h1,h2){color:var(--screen-section-title,var(--seven-deep));font-size:clamp(1.65rem,3.2vw,2.65rem);font-weight:850!important}
.public-shell .section-title p{max-width:64ch;color:var(--screen-body-color,var(--seven-muted));font-size:clamp(.95rem,1.4vw,1.08rem)}
.public-shell .card,
.public-shell .plan-card,
.public-shell .mix-card,
.public-shell .extra-card{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
@media(hover:hover){
  .public-shell :is(.mix-card,.extra-card,.plan-card):hover{transform:translateY(-4px);box-shadow:var(--seven-shadow-hover)!important}
}
.public-shell :is(.mix-top,.extra-visual,.plan-card-image,.social-hero-media) img{
  image-rendering:auto;
  filter:saturate(1.04) contrast(1.02);
}
.public-shell .mix-body{padding:clamp(15px,2vw,20px)}
.public-shell .mix-family{font-size:.76rem;letter-spacing:.095em;text-transform:uppercase}
.public-shell .mix-name{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.15}
.public-shell .chip{font-weight:650;border:1px solid rgba(12,49,32,.06)}

/* 00 · acceso: tecnológico, fresco y premium */
.landing-v2{
  background:
    radial-gradient(circle at 16% 18%,rgba(105,180,44,.36),transparent 32%),
    radial-gradient(circle at 86% 82%,rgba(255,201,17,.18),transparent 30%),
    linear-gradient(142deg,#031108 0%,#0C3120 58%,#061B10 100%)!important;
}
.landing-v2::before{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.035));pointer-events:none}
.landing-v2-inner{max-width:920px}
.landing-v2-inner>h1{font-size:clamp(2.25rem,5.4vw,4.75rem)!important;line-height:.96!important;letter-spacing:-.045em!important;text-shadow:0 14px 45px rgba(0,0,0,.36)!important}
.landing-v2 .landing-subtitle{font-size:clamp(.9rem,1.6vw,1.15rem)!important;line-height:1.5;letter-spacing:.12em!important}
.landing-v2 .landing-cta{min-height:58px;border-radius:16px!important;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.landing-v2 .access-actions,.landing-v2 .access-stack{width:min(520px,100%)}
.landing-v2 .benefits-mini{width:min(780px,100%);padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(3,22,12,.42);backdrop-filter:blur(12px)}
.landing-v2 .benefit-mini b{font-size:.84rem;letter-spacing:.015em}

/* 01 · inicio: botánico, luminoso y aspiracional */
.screen-01 .main{position:relative}
.screen-01 .hero-free-layout{border-radius:clamp(20px,3vw,34px)!important;border-color:rgba(12,49,32,.16);box-shadow:0 24px 54px rgba(12,49,32,.16)!important}
.screen-01 .hero-dim{background:linear-gradient(90deg,rgba(4,24,13,.58) 0%,rgba(4,24,13,.2) 52%,rgba(4,24,13,.04) 100%)!important}
.screen-01 .hero-title-float h1{max-width:14ch;font-size:clamp(1.9rem,4.2vw,var(--screen-hero-title-size,58px))!important;line-height:.94!important;letter-spacing:-.055em!important;text-shadow:0 3px 22px rgba(0,0,0,.32)}
.screen-01 .hero-text-float p{max-width:38ch;font-size:clamp(.95rem,1.7vw,var(--hero-text-size,18px))!important;font-weight:650!important;line-height:1.48!important;text-shadow:0 2px 18px rgba(0,0,0,.32)}
.screen-01 .hero-main-cta{min-height:50px;padding-inline:24px!important;box-shadow:0 12px 26px rgba(12,49,32,.25)}
.screen-01 .screen01-benefits{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 14px 32px rgba(12,49,32,.08)!important}
.screen-01 .screen01-benefits .benefit-item{min-height:126px;display:grid;place-content:center;gap:7px}
.screen-01 .screen01-benefits .benefit-item b{color:var(--seven-deep);font-size:.92rem}
.screen-01 .screen01-product-row .mix-card{border-top:4px solid color-mix(in srgb,var(--mix,var(--seven-green)) 78%,white)}
.screen-01 .social-teaser{border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 45px rgba(12,49,32,.18)}
.screen-01 .social-teaser h2{font-size:clamp(1.8rem,3.5vw,3.15rem);line-height:1}

/* 02 · planes: optimismo cítrico y lectura comercial */
.screen-02 .minimal-hero-02{border-bottom:1px solid rgba(181,137,0,.2);background:linear-gradient(115deg,rgba(255,201,17,.2),rgba(255,255,255,.12))!important}
.screen-02 .minimal-hero-title h1{font-size:clamp(2rem,4.8vw,3.65rem)!important;letter-spacing:-.045em}
.screen-02 .minimal-hero-text p{font-size:clamp(.95rem,1.5vw,1.08rem)!important;max-width:64ch}
.screen-02 .section-mini-hero{background:linear-gradient(100deg,rgba(255,201,17,.2),rgba(255,255,255,.45));border-left:6px solid var(--seven-yellow)}
.screen-02 .plan-card-visual{border-width:1px!important;box-shadow:0 16px 38px rgba(94,74,0,.1)!important}
.screen-02 .plan-card-visual.weekly{border-top:6px solid var(--seven-green)!important}
.screen-02 .plan-card-visual.monthly{border-top:6px solid var(--seven-yellow)!important}
.screen-02 .plan-card-image img{filter:saturate(1.08) contrast(1.035)}
.screen-02 .plan-card-content h2{font-size:clamp(1.35rem,2.5vw,2rem);margin:.1rem 0;color:var(--seven-deep)}
.screen-02 .plan-price{color:#397E22;font-size:clamp(2.15rem,4vw,3.2rem)}
.screen-02 .plan-config-compact{box-shadow:0 12px 30px rgba(94,74,0,.07)}
.screen-02 details{padding:15px 4px;border-bottom:1px solid rgba(12,49,32,.1)}
.screen-02 details summary{color:var(--seven-deep);font-weight:800}

/* 03 · catálogo y extras: energía naranja */
.screen-03 .section-title:first-child{padding:clamp(24px,4vw,44px);border-radius:28px;background:linear-gradient(120deg,#FFF0E7,#FFF9E7);border:1px solid #FFD2BF}
.screen-03 .section-title:first-child h1{color:#9C2608!important;letter-spacing:-.05em}
.screen-03 .filters{padding:9px;border-radius:999px;background:#fff;border:1px solid #FFD8C8;width:max-content;max-width:100%}
.screen-03 .extra-card{border-color:#FFD6C5!important;border-top:5px solid var(--seven-orange)!important}
.screen-03 .extra-card h3{font-size:1.15rem;color:#7C210C!important}
.screen-03 .extra-card .panel-head>b{font-size:1.22rem;color:#7C210C}

/* 04 · entregas: confianza, ruta y claridad */
.screen-04 .section-title:first-child{padding:clamp(22px,3vw,38px);border-radius:28px;background:linear-gradient(115deg,#DFF0E4,#F8FBF8);border:1px solid #C5DECC}
.screen-04 .section-title:first-child h1{color:var(--seven-deep)!important;letter-spacing:-.05em}
.screen-04 .route-status{background:#fff;color:var(--seven-deep);border-color:#CFE0D3;box-shadow:0 8px 20px rgba(12,49,32,.06)}
.screen-04 .route-status.active{background:#FFF8D9;border-color:var(--seven-yellow)}
.screen-04 .route-status.enpoint.active{background:#EDF8E9;border-color:var(--seven-green)}
.screen-04 .mapbox{border:1px solid #BDD1C1;box-shadow:inset 0 0 0 6px rgba(255,255,255,.5)}
.screen-04 .point-row{border-bottom-color:#DDE8E0!important}
.screen-04 .point-row:hover{background:#F0F7F1!important}

/* 05 · Social: comunidad, vino/frambuesa, sin perder legibilidad */
.screen-05 .social-hero,.screen-05 .preview-p03-social-hero{background:linear-gradient(125deg,#67101E,#B11A2B 58%,#E05D49)!important;border:1px solid rgba(126,21,36,.25);box-shadow:0 22px 50px rgba(126,21,36,.2)}
.screen-05 .social-hero h1{font-size:clamp(2.35rem,5vw,4.5rem)!important;letter-spacing:-.055em!important}
.screen-05 .social-hero-copy p{font-size:clamp(.94rem,1.5vw,1.08rem)!important;max-width:46ch}
.screen-05 .social-album-card,.screen-05 .social-feed-card,.screen-05 .s15-card{box-shadow:0 12px 30px rgba(111,18,32,.08)!important}
.screen-05 .social-album-card{border-top:4px solid var(--seven-red)!important}
.screen-05 .s17-social-top-wrap{box-shadow:0 8px 22px rgba(111,18,32,.07)}
.screen-05 .s17-story{box-shadow:0 8px 22px rgba(111,18,32,.12)}

/* 06 · cuenta: serenidad y control personal */
.screen-06 .account-hero,.screen-06 .a9-account-hero{background:linear-gradient(125deg,#092A1B,#17623A 62%,#69B42C)!important;box-shadow:0 20px 48px rgba(12,49,32,.18)}
.screen-06 .account-hero h1,.screen-06 .a9-account-hero h1{font-size:clamp(2rem,4.5vw,3.7rem)!important;letter-spacing:-.05em}
.screen-06 .account-mini{border:1px solid rgba(12,49,32,.12);box-shadow:0 9px 22px rgba(12,49,32,.08)}
.screen-06 .account-mini>b{color:var(--seven-deep);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.screen-06 .a9-module,.screen-06 .account-panels>.card{border-top:4px solid var(--seven-green)!important}

/* 07 · carrito: máxima claridad para cerrar la compra */
.screen-07 .main{max-width:980px!important}
.screen-07 .ju3-cart-page-title{letter-spacing:-.05em!important}
.screen-07 .ju3-cart-rule-card{border-top:4px solid var(--seven-green)!important;box-shadow:0 14px 34px rgba(12,49,32,.09)!important}
.screen-07 .ju3-cart-card-date{border-top-color:var(--seven-yellow)!important}
.screen-07 .ju3-cart-card-delivery{border-top-color:#4E9E72!important}
.screen-07 .ju3-purchase{min-height:58px!important;font-size:clamp(.95rem,2vw,1.15rem)!important;letter-spacing:.02em}
.screen-07 :is(input,select,textarea){background:#fff;border:1px solid #C9D7CD;border-radius:11px;min-height:44px}

/* 08 · operación: interfaz administrativa consistente y editable */
.admin-sidebar{background:linear-gradient(180deg,#0D263A,#102F43 56%,#0C3120)!important;box-shadow:8px 0 28px rgba(16,40,59,.12)}
.admin-sidebar .logo{background:#fff;border-radius:12px;padding:6px}
.admin-nav{gap:5px}
.admin-nav button{min-height:39px;border-radius:9px!important;padding:9px 11px!important}
.admin-nav button.active{box-shadow:0 8px 18px rgba(105,180,44,.22)}
.admin-main{background:
  radial-gradient(circle at 94% 2%,rgba(105,180,44,.07),transparent 25%),
  linear-gradient(180deg,#F8FAF8,#F1F5F2)!important;
}
.admin-top{padding-bottom:15px;border-bottom:1px solid #DCE5DF}
.admin-top h1{letter-spacing:-.035em}
.admin-panel,.admin-card,.editor-controls,.live-preview{border-radius:18px!important;background:#fff}
.admin-panel{padding:clamp(18px,2.4vw,26px)!important}
.admin-panel h2{font-size:clamp(1.15rem,2vw,1.48rem);letter-spacing:-.025em}
.screen-card-list{gap:10px!important}
.screen-card{min-height:82px;border:1px solid #CFDDD3!important;border-radius:14px!important;background:#fff!important;text-align:left}
.screen-card.active{border-color:var(--seven-green)!important;box-shadow:inset 0 0 0 2px rgba(105,180,44,.18),0 10px 24px rgba(12,49,32,.08)}
.element-button{border-radius:10px!important;font-weight:750!important}
.element-button.active{background:#EAF6E5!important;color:#245B27!important;border-color:#69B42C!important}
.editor-actions-sticky{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);border-top:1px solid #DCE5DF!important}
.preview-frame{background:linear-gradient(135deg,#E7ECE8,#F4F7F5)!important}
.admin-table{border-collapse:separate;border-spacing:0}
.admin-table th:first-child{border-radius:10px 0 0 0}.admin-table th:last-child{border-radius:0 10px 0 0}
.admin-shell :is(input,select,textarea){min-height:42px;border-radius:10px!important;background:#FCFDFC}
.admin-shell textarea{min-height:100px}

@media(max-width:760px){
  .landing-v2-inner>h1{font-size:clamp(2rem,11vw,3.45rem)!important}
  .landing-v2 .benefits-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .screen-01 .hero-dim{background:linear-gradient(180deg,rgba(4,24,13,.52),rgba(4,24,13,.12))!important}
  .screen-01 .hero-title-float{width:min(82%,calc(98% - var(--hero-title-x,7%)))!important}
  .screen-01 .hero-text-float{width:min(78%,calc(98% - var(--hero-text-x,7%)))!important}
  .screen-02 .minimal-hero-title,.screen-02 .minimal-hero-text{width:92%!important}
  .screen-03 .filters{width:100%;border-radius:18px;overflow-x:auto;flex-wrap:nowrap}
  .screen-05 .social-hero-copy{padding:26px!important}
  .screen-04 .section-title:first-child,.screen-03 .section-title:first-child{border-radius:20px}
  .admin-panel{padding:16px!important}
}

/* =========================================================
   MOBILE APP · DISTRIBUCIÓN NATIVA 7VEN
   La versión móvil reorganiza; no encoge el escritorio.
   ========================================================= */
@media(max-width:760px){
  html,body,#app{width:100%;max-width:100%;overflow-x:hidden}
  .public-shell{width:100%;max-width:100%;overflow-x:clip;font-size:15px;line-height:1.5}
  .public-shell .main{width:100%;padding:16px 14px 44px!important}
  .public-shell .section{margin:26px 0}
  .public-shell .section-title{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:14px}
  .public-shell .section-title :is(h1,h2){font-size:clamp(1.55rem,7vw,2rem)!important;line-height:1.05}
  .public-shell .section-title .btn{width:100%}
  .public-shell .card{padding:16px;border-radius:min(var(--screen-card-radius,18px),20px)}
  .public-shell .btn,.public-shell button{min-height:44px;touch-action:manipulation}
  .public-shell :is(input,select,textarea){width:100%;max-width:100%;min-height:44px}

  /* Header compacto y menú desplegable debajo, sin empujar el contenido */
  .public-shell>.public-header{position:sticky!important;top:0;z-index:80!important}
  .public-header .header-inner{position:relative;min-height:64px!important;height:64px;padding:7px 10px!important;gap:8px}
  .public-header .mobile-toggle{order:1;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;font-size:1.25rem;border-radius:11px;background:rgba(255,255,255,.1)}
  .public-header .global-header-logo-frame{order:2;--gh-logo-w:92px!important;--gh-logo-h:46px!important;--gh-logo-pad:3px!important;flex:0 0 92px}
  .public-header .header-actions{order:3;margin-left:auto;min-width:0}
  .public-header .header-actions>.btn{display:none!important}
  .public-header .cart-btn{position:relative;width:49px;height:44px;min-height:44px;padding:0!important;font-size:0!important;border-radius:11px}
  .public-header .cart-btn::before{content:"🛒";font-size:1.12rem}
  .public-header .cart-btn .badge{position:absolute;right:-4px;top:-5px;margin:0;font-size:.68rem}
  .public-header .nav.open{display:grid;grid-template-columns:1fr;position:absolute;left:0;right:0;top:100%;z-index:50;padding:10px 12px 14px;background:var(--screen-header-bg,var(--seven-deep));border-top:1px solid rgba(255,255,255,.12);border-radius:0 0 16px 16px;box-shadow:0 18px 28px rgba(0,0,0,.2)}
  .public-header .nav.open button{width:100%;min-height:43px;padding:10px 13px;text-align:left;font-size:.9rem}

  .screen-carousel-shell{width:calc(100% - 28px)!important;height:min(var(--sc-height,56px),48px)!important;margin:10px 14px 0!important;border-radius:12px!important}
  .screen-carousel-item{padding:6px 16px;font-size:.77rem}
  .screen-carousel-item img{height:36px;max-width:72px}

  /* 00 · acceso */
  .landing-v2{min-height:100svh;padding:72px 14px 20px!important;align-content:center}
  .landing-v2-inner{width:100%;max-width:520px}
  .landing-main-logo{width:min(220px,68vw)!important;max-width:68vw!important;max-height:116px;margin-bottom:16px!important}
  .landing-v2-inner>h1{font-size:clamp(1.95rem,10vw,3rem)!important;line-height:.98!important}
  .landing-v2 .landing-subtitle{max-width:34ch;margin:12px 0 18px!important;font-size:.88rem!important;letter-spacing:.075em!important}
  .landing-actions,.landing-v2 .access-actions,.landing-v2 .access-stack{width:100%!important;gap:10px;margin-bottom:16px}
  .landing-v2 .landing-cta{width:100%;min-height:52px;font-size:.93rem}
  .landing-v2 .benefits-mini,.landing-v2 .benefits-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;padding:8px!important;border-radius:16px}
  .landing-v2 .benefit-mini{min-width:0;min-height:76px!important;padding:8px 5px!important;border-bottom:1px solid rgba(255,255,255,.1)}
  .landing-v2 .benefit-mini b{font-size:.75rem}.landing-v2 .benefit-mini small{font-size:.66rem}
  .admin-entry.admin-shield{top:10px;right:10px;--admin-size:42px}

  /* 01 · inicio */
  .screen-01 .hero-free-layout{height:clamp(480px,132vw,590px)!important;min-height:480px!important;border-radius:22px!important}
  .screen-01 .hero-media .hero-photo-full{object-position:62% center!important}
  .screen-01 .hero-dim{background:linear-gradient(180deg,rgba(3,21,11,.72) 0%,rgba(3,21,11,.24) 54%,rgba(3,21,11,.58) 100%)!important}
  .screen-01 .hero-title-float{left:7%!important;top:9%!important;width:86%!important;text-align:left!important}
  .screen-01 .hero-title-float h1{max-width:13ch;font-size:clamp(1.9rem,9vw,2.8rem)!important;line-height:.96!important;text-align:left!important}
  .screen-01 .hero-text-float{left:7%!important;top:48%!important;width:86%!important;text-align:left!important}
  .screen-01 .hero-text-float p{max-width:33ch;font-size:clamp(.9rem,4vw,1.02rem)!important;line-height:1.42!important;text-align:left!important}
  .screen-01 .hero-cta-float{left:7%!important;right:7%!important;top:auto!important;bottom:7%!important;max-width:none!important;text-align:stretch!important}
  .screen-01 .hero-cta-float .hero-main-cta{width:100%;min-height:50px}
  .screen-01 .screen01-benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:16px!important}
  .screen-01 .screen01-benefits .benefit-item{min-width:0!important;min-height:104px!important;padding:14px 8px!important;border-right:1px solid var(--benefit-border)!important;border-bottom:1px solid var(--benefit-border)!important}
  .screen-01 .screen01-benefits .benefit-item b{font-size:clamp(.68rem,3vw,.82rem)!important}
  .screen-01 .screen01-product-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .screen-01 .screen01-product-row .mix-card{width:100%!important;min-width:0!important}
  .screen-01 .social-free-layout{display:grid!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:20px!important;gap:14px!important;border-radius:20px!important}
  .screen-01 .social-copy-free,.screen-01 .social-free-cta,.screen-01 .social-art-free{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important}
  .screen-01 .social-copy-free{order:1}.screen-01 .social-copy-free h2{font-size:clamp(1.6rem,8vw,2.2rem);line-height:1.02}
  .screen-01 .social-art-free{order:2;aspect-ratio:16/9;min-height:170px!important}
  .screen-01 .social-free-cta{order:3;min-height:48px}

  /* 02 · planes y productos */
  .screen-02 .minimal-hero-02{position:relative;display:grid;gap:9px;height:auto!important;min-height:0!important;padding:24px 18px!important;margin-bottom:18px;border-radius:18px!important}
  .screen-02 .minimal-hero-title,.screen-02 .minimal-hero-text{position:static!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important;text-align:left!important}
  .screen-02 .minimal-hero-title h1{font-size:clamp(1.9rem,9vw,2.7rem)!important;line-height:1!important}
  .screen-02 .minimal-hero-text p{font-size:.95rem!important;line-height:1.45!important}
  .screen-02 .screen02-master-mixes,.screen-02 .product-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .screen-02 .section-mini-hero{margin:24px 0 14px!important;padding:17px!important;border-radius:16px!important}
  .screen-02 .section-mini-hero h2{font-size:clamp(1.55rem,7vw,2rem)!important}
  .screen-02 .a13-plans,.screen-02 .plans-editable{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:20px!important;padding:0!important}
  .screen-02 .a13-plan-option,.screen-02 .plan-card-visual{width:100%!important;min-width:0!important}
  .screen-02 .a13-plan-card{height:clamp(390px,112vw,455px)!important;border-radius:20px!important}
  .screen-02 .a13-plan-content{padding:20px!important}
  .screen-02 .a13-plan-content h2{font-size:clamp(1.55rem,7vw,2.05rem)!important}
  .screen-02 .a13-plan-price{font-size:clamp(2rem,9vw,2.75rem)!important}
  .screen-02 .a13-plan-choose{min-height:50px;font-size:.9rem}
  .screen-02 .a13-plan-config{padding:15px!important;border-radius:16px!important}
  .screen-02 .a13-config-head,.screen-02 .a13-next-extras-wrap{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  .screen-02 .a13-selection-counter{justify-self:start}
  .screen-02 .a13-day-grid,.screen-02 .day-selector-strip{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:9px!important}
  .screen-02 .day-select-card,.screen-02 .a13-day-card{width:100%!important;min-width:0!important}
  .screen-02 .integrated-next,.screen-02 .a13-main-action,.screen-02 .a13-next-extras-wrap .btn{width:100%!important}
  .screen-02 #section-faq .card{padding:14px}

  /* 04/Entregas integradas al carrito */
  .screen-04 .section-title:first-child,.screen-03 .section-title:first-child{padding:20px!important}
  .screen-04 .grid.grid-3>*,.screen-04 .card[style*="grid-column"]{grid-column:auto!important}
  .screen-04 .mapbox,.screen-07 .a14-map{height:300px!important;min-height:280px!important}
  .screen-04 .point-row{grid-template-columns:32px minmax(0,1fr)!important}
  .screen-04 .point-row>span:last-child{grid-column:2!important}

  /* 05 · social */
  .screen-05 .s15-page,.screen-05 .s15-content{min-width:0!important}
  .screen-05 .social-hero,.screen-05 .preview-p03-social-hero{grid-template-columns:1fr!important;min-height:0!important;border-radius:20px!important}
  .screen-05 .social-hero-copy{padding:22px!important}
  .screen-05 .social-hero h1{font-size:clamp(2rem,10vw,3rem)!important}
  .screen-05 .social-hero-media,.screen-05 .social-hero-media img{min-height:220px!important;height:220px!important}
  .screen-05 .social-albums-grid,.screen-05 .social-album-grid,.screen-05 .p03-feed-grid{grid-template-columns:1fr!important;gap:14px!important}
  .screen-05 .social-album-card,.screen-05 .social-feed-card{width:100%!important;max-width:100%!important;transform:none!important}
  .screen-05 .s17-social-top-wrap{padding:8px 10px!important}
  .screen-05 .s17-social-top{display:flex!important;overflow-x:auto!important;gap:7px;scrollbar-width:none}
  .screen-05 .s17-social-top button{flex:0 0 auto;min-width:122px;min-height:42px;padding:8px;font-size:.72rem}
  .screen-05 .s17-story{flex-basis:102px;height:154px}

  /* 06 · cuenta */
  .screen-06 .account-hero{padding:20px!important;border-radius:20px!important}
  .screen-06 .account-hero h1{font-size:clamp(1.9rem,9vw,2.7rem)!important}
  .screen-06 .account-grid,.screen-06 .account-panels,.screen-06 .a13-active-orders{grid-template-columns:1fr!important;gap:11px!important}
  .screen-06 .account-mini{padding:14px!important;border-radius:14px!important}
  .screen-06 .account-panels>.card{width:100%;min-width:0}
  .screen-06 .account-panels .btn,.screen-06 .grid.grid-2 .btn{width:100%;margin:6px 0 0!important}
  .screen-06 .a9-account-page{width:100%!important;padding-inline:0!important}
  .screen-06 .a9-glance{grid-template-columns:1fr!important}
  .screen-06 .a9-glance>div:last-child{grid-column:auto!important}
  .screen-06 .a9-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}

  /* 07 · carrito */
  .screen-07 .main{width:100%;max-width:100%!important}
  .screen-07 .ju3-cart-page-title,.screen-07 .section-title h1{font-size:clamp(1.8rem,9vw,2.55rem)!important}
  .screen-07 .ju3-cart-rule-card,.screen-07 .cart-summary,.screen-07 .a13-cart-delivery{width:100%!important;max-width:100%!important;padding:15px!important;border-radius:16px!important;min-height:0!important}
  .screen-07 .cart-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:start}
  .screen-07 .cart-line>span{min-width:0;overflow-wrap:anywhere}
  .screen-07 .cart-total{font-size:1.15rem!important;gap:10px}
  .screen-07 .a13-break-week>div,.screen-07 .a17-allocation-dates,.screen-07 .ju3-date-choice,.screen-07 .ju3-month-mode-options{grid-template-columns:1fr!important}
  .screen-07 .a14-map-details>summary{display:grid!important;grid-template-columns:1fr!important;padding:13px!important}
  .screen-07 .a14-map-body{grid-template-columns:1fr!important}
  .screen-07 .a14-route-legend{max-height:none!important;padding:9px}
  .screen-07 .a14-home-panel{padding:13px!important}
  .screen-07 .a14-home-panel .panel-head,.screen-07 .ju3-month-mode-head{align-items:flex-start;flex-direction:column}
  .screen-07 .a14-home-tools,.screen-07 .ju3-cart-summary-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .screen-07 .a14-home-tools .btn,.screen-07 .ju3-cart-summary-actions>*{width:100%!important}
  .screen-07 .confirm-order,.screen-07 .ju3-purchase{position:sticky;bottom:10px;z-index:20;width:100%;min-height:56px!important;box-shadow:0 12px 28px rgba(12,49,32,.25)!important}

  /* 08 · administración usable desde teléfono */
  .admin-shell{display:block!important;width:100%;max-width:100%;overflow-x:hidden}
  .admin-sidebar{position:sticky!important;top:0;z-index:70;width:100%;height:auto!important;max-height:none!important;padding:9px 10px!important;overflow:visible!important;box-shadow:0 8px 22px rgba(16,40,59,.2)!important}
  .admin-sidebar>.logo{width:86px!important;max-height:42px;margin:0 0 7px}
  .admin-user{display:none!important}
  .admin-nav{display:flex!important;grid-template-columns:none!important;gap:6px!important;margin:0!important;overflow-x:auto!important;padding-bottom:3px;scrollbar-width:none}
  .admin-nav button{flex:0 0 auto;min-height:38px!important;padding:8px 10px!important;font-size:.72rem;white-space:nowrap}
  .admin-main{width:100%;padding:12px!important}
  .admin-top{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px}
  .admin-top h1{font-size:1.45rem!important;line-height:1.08}
  .admin-top .admin-inline-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .admin-top .admin-inline-actions .btn{width:100%}
  .admin-panel,.editor-controls,.live-preview{width:100%;min-width:0;padding:14px!important;border-radius:15px!important}
  .admin-cards,.admin-kpis,.finance-grid,.form-grid,.screen-card-list,.canonical-screen-cards{grid-template-columns:1fr!important}
  .editor-v2-grid,.editor-v3-grid{grid-template-columns:1fr!important}
  .element-list,.section-tab-list{position:static!important;display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:6px!important;max-height:none!important;padding-bottom:4px}
  .element-button,.section-tab-list button{flex:0 0 auto;white-space:nowrap}
  .editor-actions-sticky{position:static!important;display:grid!important;grid-template-columns:1fr 1fr;margin:14px -14px -14px!important;padding:12px!important}
  .editor-actions-sticky .btn{width:100%;font-size:.72rem;padding:8px}
  .preview-toolbar{align-items:flex-start;flex-direction:column}
  .preview-toolbar .admin-inline-actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .preview-frame{padding:8px!important}
  .preview-canvas.mobile{width:100%!important;max-width:390px}
  .modal-backdrop{padding:8px}
  .modal{width:100%;max-height:94svh;padding:16px!important;border-radius:18px}
  .toast{left:10px;right:10px;bottom:10px;text-align:center}
}

@media(max-width:380px){
  .public-shell .main{padding-inline:11px!important}
  .public-header .global-header-logo-frame{--gh-logo-w:82px!important;flex-basis:82px}
  .screen-01 .screen01-product-row,.screen-02 .screen02-master-mixes,.screen-02 .product-master-grid{grid-template-columns:1fr!important}
  .screen-01 .screen01-product-row .mix-card,.screen-02 .screen02-master-mixes .mix-card{aspect-ratio:4/3!important}
  .screen-06 .a9-module-grid{grid-template-columns:1fr!important}
  .editor-actions-sticky{grid-template-columns:1fr!important}
}

/* =========================================================
   IDENTIDAD V10 · UNA PERSONALIDAD POR PANTALLA
   ========================================================= */
.admin-entry.admin-shield{
  display:flex!important;align-items:center;justify-content:center;gap:8px;
  width:auto!important;min-width:48px!important;height:48px!important;padding:0 13px!important;
  z-index:25!important;border-color:rgba(255,201,17,.7)!important;background:rgba(3,25,13,.9)!important;
  color:#FFC911!important
}
.admin-entry.admin-shield .ui-svg{flex:0 0 23px;width:23px!important;height:23px!important}
.admin-entry-label{font-size:.67rem;font-weight:900;letter-spacing:.075em;white-space:nowrap}

/* 02 · amarillo cítrico */
.screen-02{--seven-accent:#D9A900}
.screen-02 .minimal-hero-02{background:linear-gradient(120deg,#FFF1A8,#FFF9E7 62%,#FFFFFF)!important;border-color:#E7CB54!important}
.screen-02 .section-mini-hero{border-left-color:#E4B400!important}
.screen-02 .a13-plan-option.monthly,.screen-02 .plan-card-visual.monthly{box-shadow:0 18px 42px rgba(172,127,0,.15)!important}

/* 03 · naranja energético */
.screen-03{--seven-accent:#FE5A22}
.screen-03 .section-title:first-child{background:linear-gradient(120deg,#FFE2D2,#FFF3CF)!important}
.screen-03 .filter.active{background:linear-gradient(135deg,#FE330A,#FF7A32)!important}

/* 04 · azul turquesa logístico */
.screen-04{--seven-accent:#167786}
.screen-04 .section-title:first-child{background:linear-gradient(120deg,#D9F1F3,#F7FCFC)!important;border-color:#AFD9DE!important}
.screen-04 .point-num{background:#167786!important}
.screen-04 .route-status.enpoint.active{border-color:#27A6A0!important;background:#E7F8F6!important}

/* 05 · Social: luminoso, cercano y con gradiente tipo Instagram */
.screen-05{--seven-accent:#C13584}
.screen-05 .social-hero,.screen-05 .preview-p03-social-hero{background:linear-gradient(135deg,#833AB4 0%,#C13584 46%,#E1306C 72%,#F77737 100%)!important;border-color:rgba(131,58,180,.2)!important;box-shadow:0 22px 50px rgba(131,58,180,.2)!important}
.screen-05 .s15-page{background-color:var(--s15-bg)!important;color:var(--s15-text)!important}
.screen-05 .s15-sidebar{background:var(--s15-nav-bg)!important;border-right-color:var(--s15-border)!important;box-shadow:8px 0 30px rgba(38,38,38,.05)}
.screen-05 .s15-nav button.active,
.screen-05 .s15-mobile-nav button.active{background:var(--s15-nav-active-bg)!important;color:var(--s15-nav-active-text)!important}
.screen-05 .s15-nav button[data-s15-nav="create"] .s15-nav-icon,
.screen-05 .s15-mobile-nav button[data-s15-nav="create"] .s15-nav-icon,
.screen-05 .s15-primary,
.screen-05 .s17-social-top button.primary{
  background:linear-gradient(135deg,#833AB4 0%,var(--s15-primary-bg) 48%,#E1306C 74%,#F77737 100%)!important;
  border-color:transparent!important;color:#FFFFFF!important;box-shadow:0 9px 22px rgba(193,53,132,.22)!important
}
.screen-05 .s17-social-top-wrap{background:var(--s15-topbar-bg)!important;border-bottom-color:var(--s15-border)!important;backdrop-filter:blur(16px)}
.screen-05 .s17-social-top button{border-color:var(--s15-border)!important;border-radius:999px!important}
.screen-05 .s17-stories{background:var(--s15-carousel-bg)!important;border-color:var(--s15-border)!important;box-shadow:0 10px 28px rgba(38,38,38,.06)!important}
.screen-05 .s17-story{
  border:3px solid transparent!important;
  background:linear-gradient(#FFFFFF,#FFFFFF) padding-box,linear-gradient(145deg,#FCAF45,#F77737,#E1306C,#C13584,#833AB4) border-box!important;
  box-shadow:0 9px 24px rgba(131,58,180,.16)!important
}
.screen-05 .s15-card,.screen-05 .s15-form,.screen-05 .s15-gate,.screen-05 .s15-empty{
  border-color:var(--s15-border)!important;border-radius:var(--s15-radius)!important;box-shadow:0 10px 30px rgba(38,38,38,.065)!important
}
.screen-05 .s15-card:hover{border-color:#C13584!important;box-shadow:0 16px 36px rgba(193,53,132,.12)!important}
.screen-05 .s15-avatar{outline:2px solid var(--s15-primary-bg);outline-offset:2px}
.screen-05 .s15-tag,.screen-05 .s15-affinity,.screen-05 .s15-day.done,.screen-05 .s15-recipe,.screen-05 .s15-post-status{background:var(--s15-soft)!important}
.screen-05 .s17-top-badge,.screen-05 .s17-notification i,.screen-05 .s17-conversation i{background:linear-gradient(135deg,#833AB4,#E1306C)!important}
.screen-05 .s15-mobile-nav{background:var(--s15-nav-bg)!important;border-top-color:var(--s15-border)!important;backdrop-filter:blur(16px)}
.screen-05 .social-week-status{
  display:inline-flex;align-items:center;width:max-content;margin-bottom:12px;padding:7px 12px;border-radius:999px;
  background:#E8F6DF;color:#246A24;font-size:.72rem;font-weight:900;letter-spacing:.08em
}
.screen-05 .social-week-status.inactive{background:rgba(255,255,255,.92);color:#8A255E}
.screen-05 .social-week-purchase{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;
  padding:28px;border:1px solid #E6C5DA;border-radius:24px;
  background:linear-gradient(125deg,#FFFFFF 0%,#FFF4F9 48%,#FFF5E7 100%);
  box-shadow:0 18px 45px rgba(131,58,180,.13)
}
.screen-05 .social-week-purchase-icon{
  display:grid;place-items:center;width:70px;height:70px;border-radius:22px;color:#FFFFFF;
  background:linear-gradient(145deg,#833AB4,#C13584 55%,#F77737);box-shadow:0 12px 26px rgba(193,53,132,.25)
}
.screen-05 .social-week-purchase-icon .ui-svg{width:32px;height:32px}
.screen-05 .social-week-purchase h2{margin:4px 0 8px;color:#4A2040;font-size:clamp(1.35rem,3vw,2rem)}
.screen-05 .social-week-purchase p{max-width:760px;margin:0;color:#5C4654;line-height:1.6}
.screen-05 .social-week-dates{margin-top:10px;color:#8A627B;font-size:.78rem;font-weight:800;text-transform:uppercase}
.screen-05 .social-week-purchase>.btn{min-width:190px;min-height:50px}

/* 06 · cuenta personal en ciruela/lila */
.screen-06{--seven-accent:#8E4A98}
.screen-06 .a9-account-kicker{color:#6B2D75!important}
.screen-06 .a9-photo-edit{background:#8E4A98!important}
.screen-06 .a9-profile-photo{outline-color:#A65DB1!important;background:linear-gradient(145deg,#F5C0DB,#B57AC2)!important}
.screen-06 .a9-module{border-top-color:#8E4A98!important}
.screen-06 .a9-module-icon{background:#6B2D75!important}
.screen-06 .a9-module:nth-child(2) .a9-module-icon,.screen-06 .a9-module:nth-child(5) .a9-module-icon{background:#C13584!important}
.screen-06 .a9-module:nth-child(3) .a9-module-icon,.screen-06 .a9-module:nth-child(6) .a9-module-icon{background:#E4B400!important;color:#241B00!important}

/* 07 · carrito neutro oscuro con señales de compra */
.screen-07{--seven-accent:#E4B400}
.screen-07 .ju3-cart-rule-card{border-top-color:#E4B400!important}
.screen-07 .ju3-cart-card-delivery{border-top-color:#167786!important}
.screen-07 .ju3-purchase{background:linear-gradient(135deg,#69B42C,#3C8B27)!important}

/* 08 · administración clara, navegación azul y estados por módulo */
.admin-sidebar{background:linear-gradient(180deg,#102337,#153A55)!important}
.admin-nav button.active{background:linear-gradient(90deg,#69B42C,#4E9D2F)!important}

@media(max-width:700px){
  .admin-entry.admin-shield{right:10px!important;top:10px!important;width:46px!important;min-width:46px!important;height:46px!important;padding:0!important;border-radius:14px!important}
  .admin-entry-label{display:none}
  .screen-05 .s15-content{padding-inline:12px!important}
  .screen-05 .s15-card,.screen-05 .s15-form{border-radius:16px!important}
  .screen-05 .social-week-purchase{grid-template-columns:1fr!important;padding:20px!important;gap:15px!important}
  .screen-05 .social-week-purchase-icon{width:58px;height:58px;border-radius:18px}
  .screen-05 .social-week-purchase>.btn{width:100%;min-width:0}
}