@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-5.ttf) format('truetype');
}


:root{
  /* Neutros estables confirmados. */
  --carbon:#28231f;
  --arena:#f4eadc;
  --crema:#faf5ee;
  /* Familias del sistema: valores provisionales, NO aprobados como acento.
     Corteza, Musgo y Alerce quedan disponibles sin definir la identidad final. */
  --corteza:#765a46;
  --musgo:#485845;
  --alerce:#a57954;
  /* ÚNICO punto de selección del acento. Carbón neutral hasta decisión de marca.
     No se adopta el terracota estacional de Edición 18 ni Musgo como primario.
     Al reemplazar este valor, comprobar contraste sobre Crema (texto pequeño). */
  --acento-provisional:var(--carbon);
  --carbon-secundario:color-mix(in srgb,var(--carbon) 72%,var(--crema));
  --carbon-suave:color-mix(in srgb,var(--carbon) 60%,var(--crema));
  --carbon-borde:color-mix(in srgb,var(--carbon) 16%,var(--crema));
  --crema-superficie:color-mix(in srgb,var(--crema) 65%,white);
  --arena-panel:color-mix(in srgb,var(--arena) 70%,var(--crema));
  --acento-suave:color-mix(in srgb,var(--acento-provisional) 12%,var(--crema));
  --acento-medio:color-mix(in srgb,var(--acento-provisional) 45%,var(--crema));
  --serif:'Cormorant Garamond',serif;
  --sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --escala-titulares:1.2;
}*{box-sizing:border-box}body{margin:0;background:var(--crema);color:var(--carbon);font-family:var(--sans);font-size:13px}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--acento-provisional);outline-offset:3px}button{border:0;background:none;color:inherit}a{color:inherit}svg{display:block}.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;border-right:1px solid var(--carbon-borde);background:var(--arena-panel);display:flex;flex-direction:column;padding:30px 17px 18px;z-index:20}.brand{display:flex;align-items:center;gap:9px;padding:0 13px;font-family:var(--serif);font-size:calc(31px * var(--escala-titulares));letter-spacing:-1.5px}.mark{width:21px;height:21px;position:relative;display:inline-block;flex-shrink:0}.mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;bottom:1px}.mark i:first-child{top:1px;left:7px}.mark i:nth-child(2){left:1px}.mark i:nth-child(3){right:0}.workspace{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--carbon-secundario);padding:9px 13px 28px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;border-radius:6px;color:var(--carbon-secundario)}.nav button:hover{background:var(--arena-panel)}.nav button.active{background:var(--acento-provisional);color:var(--crema-superficie)}.nav svg{width:17px;height:17px;stroke-width:1.6}.count{margin-left:auto;font-size:10px;border:1px solid currentColor;opacity:.8;border-radius:4px;padding:1px 5px}.navlabel{padding:24px 12px 10px;font-size:9px;letter-spacing:1.8px;color:var(--carbon-secundario)}.sidefoot{margin-top:auto;padding-top:35px}.storecard{background:var(--arena-panel);padding:15px;border-radius:7px}.storecard small{display:block;color:var(--carbon-secundario);font-size:11px;line-height:1.6}.storecard button{margin-top:10px;font-size:11px;padding:0;text-decoration:underline;text-underline-offset:4px}.profile{display:flex;gap:10px;align-items:center;padding:20px 9px 0}.avatar{background:var(--carbon-borde);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--carbon-secundario)}.profile small{color:var(--carbon-secundario);font-size:10px}.main{grid-column:2;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--carbon-borde);display:flex;align-items:center;padding:0 42px;gap:20px;background:var(--crema-superficie)}.crumb{font-size:12px;color:var(--carbon-secundario)}.crumb b{color:var(--carbon);font-weight:500}.searchwrap{margin-left:auto;position:relative}.searchwrap input{width:260px;border:1px solid var(--carbon-borde);background:var(--crema);border-radius:5px;padding:9px 12px 9px 32px;font-size:11px}.searchwrap svg{position:absolute;left:10px;top:10px;width:14px;height:14px;color:var(--carbon-secundario)}.demo{font-size:9px;letter-spacing:1.1px;border:1px solid var(--carbon-borde);border-radius:20px;padding:5px 9px;color:var(--acento-provisional);white-space:nowrap}.content{max-width:1510px;margin:auto;padding:34px 42px 25px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--carbon-secundario);text-transform:uppercase;margin:0 0 10px}.pagehead h1{font:calc(36px * var(--escala-titulares))/1.15 var(--serif);letter-spacing:-1px;margin:0 0 9px}.sub{font-size:12px;color:var(--carbon-secundario);margin:0;line-height:1.7}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{padding:10px 15px;border:1px solid var(--carbon-borde);background:var(--crema-superficie);border-radius:5px;font-size:11px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.btn:hover{border-color:var(--acento-provisional)}.btn.primary{background:var(--acento-provisional);color:var(--crema);border-color:var(--acento-provisional)}.btn svg{width:14px;height:14px}.season{background:var(--arena-panel);border:1px solid var(--arena-panel);display:flex;align-items:center;gap:15px;padding:17px 20px;border-radius:7px;margin-bottom:23px}.season .badgeicon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--carbon-borde);border-radius:50%;color:var(--acento-provisional)}.season p{margin:4px 0 0;color:var(--carbon-secundario);font-size:11px}.season strong{font-size:12px;font-weight:600}.season button{margin-left:auto;color:var(--acento-provisional);font-size:11px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat{padding:20px;background:var(--crema-superficie);border:1px solid var(--carbon-borde);border-radius:7px;position:relative}.statlabel{font-size:11px;color:var(--carbon-secundario)}.stat strong{display:block;font-weight:500;letter-spacing:-1px;font-size:27px;margin:14px 0 9px}.stat small{font-size:10px;color:var(--carbon-secundario)}.stat small b{color:var(--acento-provisional);font-weight:500}.stat .tiny{position:absolute;right:17px;top:17px;color:var(--carbon-borde)}.grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.card{background:var(--crema-superficie);border:1px solid var(--carbon-borde);border-radius:7px;overflow:hidden}.cardhead{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.cardhead h2{font-size:13px;font-weight:600;margin:0}.cardhead p{font-size:10px;color:var(--carbon-secundario);margin:6px 0 0}.textbutton{font-size:10px;color:var(--acento-provisional);text-decoration:underline;text-underline-offset:3px}.legend{font-size:10px;color:var(--carbon-secundario);display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;background:var(--acento-provisional);border-radius:50%;display:inline-block}.chart{height:213px;padding:7px 22px 20px;display:flex;gap:15px}.axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--carbon-secundario);font-size:9px;padding-bottom:22px;min-width:32px}.bars{display:flex;flex:1;gap:9px;align-items:flex-end;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--arena-panel) calc(25% - 1px),var(--arena-panel) 25%);margin-bottom:22px}.barcol{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.bar{background:var(--acento-medio);width:100%;max-width:30px;margin:auto;border-radius:3px 3px 0 0;transition:height .5s}.barcol:nth-child(3n) .bar{background:var(--acento-provisional)}.barcol label{position:absolute;top:calc(100% + 9px);font-size:9px;color:var(--carbon-secundario);text-align:center;width:100%}.chartfoot{border-top:1px solid var(--carbon-borde);padding:12px 22px;font-size:10px;color:var(--carbon-secundario);display:flex;justify-content:space-between}.task{display:flex;gap:12px;align-items:flex-start;padding:16px 21px;border-top:1px solid var(--arena-panel)}.taskicon{background:var(--arena-panel);color:var(--carbon-secundario);border-radius:5px;padding:7px}.taskicon svg{width:15px;height:15px}.task strong{font-size:11px;font-weight:500;display:block;margin-bottom:5px}.task p{font-size:10px;color:var(--carbon-secundario);margin:0;line-height:1.6}.task button{margin-left:auto;color:var(--carbon-secundario);font-size:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--carbon-secundario);background:var(--crema-superficie);font-weight:500;padding:12px 20px;border-top:1px solid var(--carbon-borde);border-bottom:1px solid var(--carbon-borde)}td{padding:14px 20px;font-size:11px;border-bottom:1px solid var(--arena-panel)}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--crema-superficie)}.orderlink{font-weight:600;color:var(--acento-provisional);padding:0}.secondary{display:block;color:var(--carbon-secundario);font-size:10px;margin-top:4px}.pill{font-size:9px;border-radius:4px;padding:4px 7px;display:inline-block;white-space:nowrap}.pill.green{background:var(--arena-panel);color:var(--carbon-secundario)}.pill.amber{background:var(--arena-panel);color:var(--carbon-secundario)}.pill.gray{background:var(--arena-panel);color:var(--carbon-secundario)}.pill.red{background:var(--arena-panel);color:var(--carbon-secundario)}.money{text-align:right;font-variant-numeric:tabular-nums}.b2bcard{background:var(--arena-panel);padding:24px;position:relative;min-height:235px}.b2bcard .eyebrow{color:var(--carbon-secundario)}.b2bcard h2{font:calc(27px * var(--escala-titulares))/1.15 var(--serif);letter-spacing:-.5px;max-width:240px;margin:14px 0}.b2bcard p{font-size:11px;color:var(--carbon-secundario);line-height:1.8;max-width:245px}.b2bcard .btn{margin-top:14px;background:transparent;border-color:var(--carbon-borde)}.b2bcard:after{content:'';position:absolute;width:110px;height:110px;border:1px solid var(--carbon-borde);border-radius:50%;right:-55px;bottom:30px;box-shadow:0 0 0 17px var(--arena-panel),0 0 0 18px var(--carbon-borde),0 0 0 35px var(--arena-panel),0 0 0 36px var(--carbon-borde);pointer-events:none}.footer{display:flex;justify-content:space-between;color:var(--carbon-secundario);font-size:9px;letter-spacing:.3px;padding:10px 1px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.field{padding:10px 12px;background:var(--crema-superficie);border:1px solid var(--carbon-borde);border-radius:5px;color:var(--carbon)}.toolbar input{min-width:220px;flex:1}.productcell{display:flex;align-items:center;gap:12px}.productart{width:44px;height:44px;display:grid;place-items:center;background:var(--arena-panel);border-radius:5px;color:var(--acento-provisional)}.productart svg{width:30px;height:30px;stroke-width:1.1}.empty{padding:40px;text-align:center;color:var(--carbon-secundario)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lane{border:1px solid var(--carbon-borde);background:var(--arena-panel);border-radius:7px;padding:15px;min-height:360px}.lane h2{font-size:11px;margin:5px 0 20px;display:flex;justify-content:space-between}.job{padding:17px;background:var(--crema-superficie);border:1px solid var(--carbon-borde);border-radius:6px;margin-bottom:12px}.job h3{font-size:12px;margin:12px 0 8px}.job p{font-size:10px;line-height:1.7;color:var(--carbon-secundario)}.job .btn{width:100%;margin-top:10px}.storepreview{background:var(--arena-panel);border:1px solid var(--carbon-borde);border-radius:8px;overflow:hidden}.storenav{padding:25px 32px;border-bottom:1px solid var(--carbon-borde);display:flex;justify-content:space-between;align-items:center}.storenav span{font:calc(28px * var(--escala-titulares)) var(--serif)}.storehero{padding:65px 40px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.storehero h2{font:calc(52px * var(--escala-titulares))/1.05 var(--serif);letter-spacing:-2px;max-width:380px;margin:15px 0 22px}.storehero p{color:var(--carbon-secundario);line-height:1.8;max-width:320px}.woodart{height:280px;background:var(--carbon-borde);border-radius:50% 50% 3px 3px;display:grid;place-items:center;position:relative;overflow:hidden}.woodart svg{width:75%;height:75%;color:var(--carbon-secundario)}.settings{padding:22px}.settingrow{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--carbon-borde);gap:20px}.settingrow strong{font-size:12px}.settingrow p{font-size:11px;color:var(--carbon-secundario);line-height:1.6}.switch{border:1px solid var(--acento-provisional);background:var(--acento-provisional);color:var(--crema);border-radius:5px;padding:7px 12px;font-size:10px}.mobilemenu{display:none}.scrim{display:none}dialog{border:1px solid var(--carbon-borde);border-radius:10px;padding:0;max-width:520px;width:calc(100% - 30px);background:var(--crema-superficie);color:var(--carbon);box-shadow:0 25px 100px color-mix(in srgb,var(--carbon) 28%,transparent)}dialog::backdrop{background:color-mix(in srgb,var(--carbon) 28%,transparent);backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;padding:23px;border-bottom:1px solid var(--carbon-borde)}.dialoghead h2{font:calc(25px * var(--escala-titulares)) var(--serif);margin:0}.dialogbody{padding:23px}.dialogbody label{display:block;margin-bottom:17px;font-size:11px}.dialogbody input,.dialogbody select,.dialogbody textarea{display:block;width:100%;margin-top:7px}.dialogbody textarea{min-height:80px}.detailrow{padding:12px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--carbon-borde);gap:15px;font-size:12px}.notice{font-size:11px;color:var(--carbon-secundario);line-height:1.7;background:var(--crema);padding:13px;border-radius:5px;margin:18px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--acento-provisional);color:var(--crema);padding:13px 20px;border-radius:6px;z-index:100;box-shadow:0 5px 20px color-mix(in srgb,var(--carbon) 28%,transparent);font-size:12px;max-width:90%;text-align:center}.toast:empty{display:none}.period{font-size:11px;max-width:170px}.channelrow{padding:14px 22px}.channelrow header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}.track{height:6px;background:var(--arena-panel);border-radius:5px;overflow:hidden}.track span{display:block;height:100%;background:var(--acento-provisional)}
@media(min-width:1500px){.content{padding-top:45px}.chart{height:260px}.cardhead{padding-top:24px;padding-bottom:24px}.task{padding-top:20px;padding-bottom:20px}}
@media(max-width:1150px){.sidebar{width:195px}.app{grid-template-columns:195px 1fr}.content{padding:28px 25px}.topbar{padding:0 25px}.stat{padding:16px}.stat strong{font-size:23px}.grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr)}td,th{padding-left:14px;padding-right:14px}.searchwrap input{width:190px}.pagehead h1{font-size:calc(31px * var(--escala-titulares))}}
@media(max-width:850px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.pagehead{align-items:flex-start}.pagehead .actions{justify-content:flex-end}.searchwrap{display:none}.kanban{grid-template-columns:1fr}.storehero{padding:35px 25px}.storehero h2{font-size:calc(38px * var(--escala-titulares))}}
@media(max-width:620px){.app{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:224px}.sidebar.open{transform:none}.scrim.open{display:block;position:fixed;inset:0;background:color-mix(in srgb,var(--carbon) 28%,transparent);z-index:19}.mobilemenu{display:block;font-size:20px}.topbar{height:60px;padding:0 18px;gap:13px}.demo{margin-left:auto;font-size:8px}.content{padding:25px 17px}.pagehead{display:block}.pagehead h1{font-size:calc(33px * var(--escala-titulares))}.pagehead .actions{justify-content:flex-start;margin-top:17px}.season{padding:14px;gap:9px;align-items:flex-start}.season .badgeicon{display:none}.season button{font-size:10px}.season p{line-height:1.6}.stats{gap:10px}.stat{padding:16px 13px}.stat strong{font-size:24px}.stat small{font-size:9px}.footer{gap:15px;line-height:1.8}.storehero{grid-template-columns:1fr}.storenav{padding:20px}.storenav small{font-size:9px}.woodart{height:220px}.toolbar input{min-width:100%}.chart{padding-left:15px;padding-right:15px}.bars{gap:5px}}

/* Estados identificados por su texto; no imponen colores de campaña. */
.pill.green,.pill.amber,.pill.gray,.pill.red{background:var(--arena-panel);color:var(--carbon-secundario)}
.pill.green{border:1px solid var(--carbon-borde)}
.pill.amber{border:1px dashed var(--carbon-borde)}
.scope-note{margin:0 0 24px;padding:12px 16px;border:1px solid var(--carbon-borde);border-radius:6px;background:var(--arena-panel);color:var(--carbon-secundario);font-size:11px;line-height:1.7}
.scope-note strong{color:var(--carbon)}

/* Adaptación funcional de la maqueta Maderín, primera entrega. */
a{text-decoration:none}.brand{color:var(--carbon)}.nav a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:6px;color:var(--carbon-secundario);font-size:12px}.nav a.active{background:var(--carbon);color:var(--crema)}.nav a:hover{outline:1px solid var(--carbon-borde)}.topbar .demo{margin-left:auto}.season a{margin-left:auto;white-space:nowrap;font-size:11px}.logout{padding:18px 9px 0;font-size:11px}.logout button{padding:0;color:var(--carbon-secundario)}.form-card{padding:25px}.form-card h2{font-size:14px;margin:0 0 23px}.form-card label,.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:20px 0}.form-card .field,.auth-card .field{width:100%;min-width:0;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{margin-top:8px}.full{width:100%;margin-top:14px}.spaced{margin-top:20px}.editor-photo{width:100%;max-height:260px;object-fit:contain;background:var(--arena);border-radius:4px}.product-thumb{width:44px;height:44px;object-fit:cover;border-radius:4px}.empty{text-align:center;padding:46px 28px;color:var(--carbon-secundario)}.empty h2{font:28px var(--serif);color:var(--carbon)}.empty p{font-size:12px;line-height:1.8;max-width:340px;margin:15px auto 22px}.empty-mark{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--arena);border-radius:50%;font-size:23px}.compact{padding:26px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0}.details{margin:0 0 25px}.details>div{display:grid;grid-template-columns:170px 1fr;gap:15px;border-bottom:1px solid var(--carbon-borde);padding:13px 0}.details dt{color:var(--carbon-secundario);font-size:11px}.details dd{margin:0;overflow-wrap:anywhere}.preline{white-space:pre-line;overflow-wrap:anywhere;line-height:1.8}.notice{padding:16px 20px;border:1px solid var(--carbon-borde);border-radius:5px;line-height:1.6;margin-bottom:22px;font-size:12px;background:var(--arena)}.error{border-color:#a64935;color:#7b2f21}.success{border-color:#61705b}.public-header{max-width:1280px;margin:auto;padding:30px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--carbon-borde)}.public-header .brand{padding:0}.public-header>a:last-child{font-size:12px}.public-main{max-width:1280px;padding:36px 40px 70px;margin:auto;min-height:70vh}.public-hero{padding:35px 0 60px}.public-hero h1{font:76px/.98 var(--serif);letter-spacing:-2px;margin:24px 0}.public-hero p:last-child{line-height:1.8;color:var(--carbon-secundario);font-size:14px}.collection-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--carbon-borde);padding:26px 0}.collection-head h2{font:30px var(--serif);margin:0}.collection-head span{color:var(--carbon-secundario);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.store-product img,.no-photo{width:100%;aspect-ratio:1;object-fit:cover;background:var(--arena);border-radius:5px}.no-photo{display:grid;place-items:center;color:var(--carbon-secundario);font-size:12px}.store-product small{display:block;letter-spacing:1.5px;text-transform:uppercase;margin-top:23px;font-size:9px}.store-product h2{font:29px var(--serif);margin:9px 0 15px}.store-product p{font-size:12px}.store-product p span{float:right}.public-footer{padding:30px 40px;display:flex;justify-content:space-between;border-top:1px solid var(--carbon-borde);font-size:11px;max-width:1280px;margin:auto}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:35px;align-items:start}.product-detail>img{width:100%;border-radius:5px}.product-detail h1,.quote-intro h1,.confirmation h1,.legal h1,.auth-card h1{font:48px/1.1 var(--serif);margin:15px 0 25px}.description{font-size:14px}.price{margin:26px 0}.product-detail .sub{margin-top:24px}.quote-intro,.quote-form{max-width:730px;margin:0 auto 30px}.quote-intro p{line-height:1.7}.check{flex-direction:row!important;align-items:flex-start;line-height:1.6}.check a{text-decoration:underline}.check input{margin-top:3px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.confirmation{text-align:center;max-width:540px;margin:70px auto}.confirmation p{line-height:1.8;margin-bottom:25px}.legal{max-width:730px;margin:auto;line-height:1.9}.auth-card{max-width:450px;margin:35px auto;background:var(--crema-superficie);border:1px solid var(--carbon-borde);border-radius:8px;padding:35px}.auth-card h1{font-size:40px}.auth-card>p:last-child{margin-top:24px}.auth-card details{margin-top:25px}.security-card{max-width:650px}.qr svg{width:180px;height:180px;background:white;padding:10px}.secret{display:block;overflow-wrap:anywhere;padding:15px;background:var(--arena);margin-top:12px}.recovery{display:grid;grid-template-columns:1fr 1fr;padding:0;list-style:none;gap:12px;margin:25px 0}.task p.preline{margin-top:12px}.footer{margin-top:30px}
@media(max-width:900px){.app{display:block}.sidebar{position:static;width:auto;padding:20px;display:block}.sidebar .brand{font-size:30px}.workspace,.sidefoot,.navlabel{display:none}.nav{flex-direction:row;flex-wrap:wrap;margin-top:18px}.nav a{font-size:11px;padding:8px}.main{width:100%}.topbar{height:55px;padding:0 22px}.content{padding:25px 22px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.pagehead{align-items:flex-start}.pagehead h1{font-size:35px}.season a{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail{gap:25px}.public-hero h1{font-size:62px}.public-main{padding:30px 24px}.public-header,.public-footer{padding:25px 24px}}
@media(max-width:560px){.pagehead{flex-direction:column}.form-grid,.product-detail{grid-template-columns:1fr}.details>div{grid-template-columns:1fr;gap:5px}.public-hero h1{font-size:52px}.product-grid{grid-template-columns:1fr}.form-card{padding:20px}.recovery{grid-template-columns:1fr}.season{padding:15px}.auth-card{padding:25px}.product-detail h1,.quote-intro h1{font-size:40px}.nav{gap:3px}.content{padding:22px 16px}}

.mobile-signout{display:none}@media(max-width:900px){.sidebar{transform:none}.mobile-signout{display:block;font-size:11px}.pagehead{display:flex}.topbar .demo{font-size:8px}.topbar{gap:12px}}

/* maderin-aviso-verde: confirmaciones del panel destacadas */
.notice.success {
  color: #2e6b2a;
  font-weight: 700;
  background: #eef6ec;
  border-color: #9cc893;
}
.notice.error,
.notice.danger {
  color: #8a2b17;
  font-weight: 700;
  background: #fbeeea;
  border-color: #e3b7a9;
}