:root{--nd-ink:#241c22;--nd-muted:#6b5b65;--nd-plum:#682843;--nd-plum-dark:#542038;--nd-rose:#f1e8ec;--nd-surface:#fff;--nd-line:#e6dce1;--nd-bg:#f7f3f5;--nd-display:'Playfair Display',Georgia,serif;--nd-body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{max-width:none!important;margin:0!important;padding:0!important;background:var(--nd-bg);color:var(--nd-ink);font-family:var(--nd-body)!important;font-size:15px!important;line-height:1.55!important;accent-color:var(--nd-plum)}
::selection{background:#d6aabd;color:#27141e}
a{color:var(--nd-plum);text-underline-offset:3px}
a:hover{color:var(--nd-plum-dark)}
button,a,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}
:focus-visible{outline:3px solid #a85075;outline-offset:3px}
.page-shell{min-height:100vh;display:flex;flex-direction:column}
.site-header{width:min(calc(100% - 48px),1080px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;border-bottom:1px solid var(--nd-line)}
.site-header>a{font-family:var(--nd-display);font-size:24px;font-weight:700;text-decoration:none;color:var(--nd-ink)}
.site-header nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;font-weight:600}
.site-header nav a{text-decoration:none}
main{width:min(calc(100% - 48px),760px);margin:48px auto 80px;flex:1}
main>h1{font-family:var(--nd-display);font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}
h2{font-family:var(--nd-display);font-weight:600;line-height:1.2;letter-spacing:-.018em;margin:38px 0 14px}
p{margin:0 0 16px}.volver{margin:-8px 0 28px;font-size:13px;font-weight:600}.volver a{text-decoration:none}
img{max-width:100%;height:auto}
table{border-collapse:collapse;width:100%}
td,th{border:1px solid var(--nd-line);padding:8px;text-align:left;vertical-align:top}
form.enlinea{display:inline}
small{color:var(--nd-muted)}
.site-footer{width:min(calc(100% - 48px),1080px);margin:auto;padding:28px 0;border-top:1px solid var(--nd-line);color:var(--nd-muted)}
.site-footer a{color:inherit}
ul.menu{display:grid;gap:9px;margin:16px 0 26px!important;padding:0!important;list-style:none}
ul.menu li{margin:0!important}
ul.menu a{display:block;padding:15px 18px!important;border:1px solid var(--nd-line)!important;border-radius:12px;background:var(--nd-surface);color:var(--nd-ink);text-decoration:none!important;line-height:1.45}
ul.menu a:hover{border-color:#a9778d!important;background:#fdf9fa;box-shadow:0 8px 24px rgba(69,29,45,.08)}
ul.menu a b{font-weight:700}
form.ajax:not(.enlinea){margin:26px 0;padding:26px;background:#fff;border-radius:16px;box-shadow:0 14px 42px rgba(60,35,48,.07)}
label{font-size:14px;font-weight:600;color:var(--nd-ink)}
label:not(.linea){display:block;margin:12px 0}
input,select,textarea,button{font-family:var(--nd-body)!important}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;min-height:44px;border:1px solid #cfc0c8;border-radius:9px;background:#fff;color:var(--nd-ink);padding:10px 12px!important;margin-top:6px}
textarea{min-height:100px}
input:focus,select:focus,textarea:focus{border-color:var(--nd-plum);box-shadow:0 0 0 3px #e9cbd8;outline:0}
button{min-height:44px;border:0;border-radius:9px;padding:10px 19px!important;background:var(--nd-plum);color:#fff;font-weight:700;cursor:pointer}
button:hover{background:var(--nd-plum-dark)}button:disabled{opacity:.6;cursor:wait}
fieldset{border:0;padding:0;margin:25px 0}legend{font-weight:700;color:var(--nd-plum);margin-bottom:10px}
label.linea{display:flex!important;align-items:flex-start;gap:10px;margin:8px 0!important;padding:13px 14px;border:1px solid var(--nd-line);border-radius:11px;background:#fff;line-height:1.4;cursor:pointer}
label.linea:has(input:checked){border-color:#a46a83;background:var(--nd-rose)}
label.linea input{flex:none;margin-top:3px}
.aviso{border:1px solid #ddc5d0!important;background:#f7edf1;padding:16px!important;border-radius:12px;margin:22px 0!important}
.err,.msg.mal{color:#a31e39!important}.msg.ok{color:#16603e!important}
.tabla{border-radius:12px;background:#fff}td,th{padding:9px!important;border-color:var(--nd-line)!important}
.sitio-negocio{--nd-bg:#f0ecee}
.sitio-negocio main{width:min(calc(100% - 48px),840px)}
.portada-negocio main{width:min(calc(100% - 48px),720px);margin-top:68px}
.portada-negocio main>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brand-card{text-align:center;background:#fff;border-radius:22px;padding:44px clamp(22px,5vw,56px);box-shadow:0 22px 55px rgba(71,39,55,.08)}
.brand-card .monogram{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:var(--nd-plum);color:#fff;font:600 28px var(--nd-display)}
.brand-card .brand-logo{max-height:120px;max-width:180px;object-fit:contain;margin:0 auto 18px}
.brand-card h2{font-size:clamp(32px,5vw,44px);margin:0 0 10px}
.brand-card .brand-description{color:var(--nd-muted);font-size:16px;max-width:44ch;margin:0 auto 12px}
.brand-card .brand-meta{font-size:14px;color:var(--nd-plum);margin:0 0 24px}
.brand-card .brand-meta .stars{letter-spacing:.1em}
.brand-card .menu{max-width:440px;margin:0 auto!important}
.brand-card .menu a{text-align:left;position:relative}
.brand-card .menu a::after{content:'›';position:absolute;right:17px;font-size:24px;line-height:20px;color:var(--nd-muted)}
.brand-card .menu .primary a{background:var(--nd-plum);color:#fff;text-align:center;font-weight:700;border-color:var(--nd-plum)!important}
.brand-card .menu .primary a::after{display:none}
.brand-card .menu .primary a:hover{background:var(--nd-plum-dark)}
.brand-reviews{margin-top:32px}.brand-reviews h2{font-size:26px}.review{background:#fff;border-radius:13px;padding:20px;margin:12px 0}.review .stars{color:var(--nd-plum);letter-spacing:.08em}
.flujo-reserva main{width:min(calc(100% - 48px),690px)}
.flujo-reserva main>h1{margin-bottom:6px}
.flow-steps{display:flex;gap:10px;margin:0 0 30px;padding:0;list-style:none;color:var(--nd-muted);font-size:12px;font-weight:700}
.flow-steps li{flex:1;border-top:2px solid #d9cbd2;padding-top:8px}
.flow-steps li.active{border-color:var(--nd-plum);color:var(--nd-plum)}
.booking-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border-radius:12px;padding:18px 20px;margin:20px 0 26px;color:var(--nd-muted)}
.booking-summary strong{color:var(--nd-ink)}
.booking-summary .amount{color:var(--nd-plum);font-size:19px;font-weight:700}
.flujo-reserva h2{font-size:25px;margin:30px 0 12px}
.flujo-reserva form.ajax:not(.enlinea){padding:0;box-shadow:none;background:transparent}
.flujo-reserva form.ajax:not(.enlinea)>p:last-child{background:#fff;padding:16px;margin:24px -16px 0;position:sticky;bottom:0;border-radius:13px;box-shadow:0 -8px 24px rgba(60,35,48,.08)}
.flujo-reserva form.ajax:not(.enlinea)>p:last-child button{width:100%}
.choice-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--nd-line);font-weight:700}
.choice-summary strong{color:var(--nd-plum);font-size:20px}
.flujo-reserva fieldset label.linea{align-items:center!important;min-height:66px}
.flujo-reserva fieldset label.linea .choice-copy{display:flex;flex:1;flex-direction:column;gap:1px}
.flujo-reserva fieldset label.linea .choice-copy small{font-size:12px;font-weight:400}
.flujo-reserva fieldset label.linea strong{white-space:nowrap;color:var(--nd-ink);font-size:14px}
.flujo-reserva fieldset input[type=radio],.flujo-reserva fieldset input[type=checkbox]{width:17px;height:17px}
.flujo-reserva ul.menu a{padding:18px 20px!important}
.flujo-reserva ul.menu a b{font-size:16px}
@media(max-width:600px){.site-header{width:min(calc(100% - 32px),1080px);min-height:66px}.site-header>a{font-size:20px}.site-header nav{gap:10px;font-size:12px}main,.sitio-negocio main,.flujo-reserva main,.portada-negocio main{width:min(calc(100% - 32px),760px);margin-top:30px;margin-bottom:52px}.brand-card{padding:34px 18px}.flow-steps{font-size:10px;gap:5px}.site-footer{width:min(calc(100% - 32px),1080px)}.flujo-reserva form.ajax:not(.enlinea)>p:last-child{margin-left:-16px;margin-right:-16px;border-radius:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Mayorista: el servicio organiza la compra y los pasos se recorren lateralmente. */
.tienda-mayorista main{width:min(calc(100% - 48px),1320px);margin-top:32px}
.tienda-mayorista main>h1{margin-bottom:4px}
.tienda-mayorista .volver{margin:0 0 24px}
.mayorista-map{--mm-wine:#682843;--mm-line:#d8c9c0;--mm-paper:#fffdfb;--mm-sand:#faf7f3;max-width:100%;color:#33292c}
.mm-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 28px}
.mm-intro>p{font-size:16px;max-width:56ch;margin:0;color:#5b5053}
.mm-links{display:flex;align-items:center;gap:16px;white-space:nowrap;font-weight:700;font-size:13px}
.mm-links a{text-decoration:none}.mm-links a:hover{text-decoration:underline}
.mm-links .mm-cart{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:10px;background:var(--mm-wine);color:#fff}
.mm-cart span{min-width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--mm-wine);font-size:11px}
.mm-tools{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;background:var(--mm-paper);border:1px solid #e7ddd8;border-radius:14px;padding:15px 18px;margin-bottom:17px}
.mm-tools label{margin:0!important;font-size:13px}.mm-search-wrap{display:flex;gap:8px}.mm-search-wrap input{min-width:0;margin:0!important}.mm-search-wrap button{flex:none}
.mm-service-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c3a6b1 transparent;padding:4px 2px 13px;margin-bottom:2px}
.mm-service-nav a{flex:none;display:block;border:1px solid #decfd4;border-radius:50px;padding:9px 15px;color:#5b3143;background:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.mm-service-nav a:hover,.mm-service-nav a:focus-visible{border-color:var(--mm-wine);background:#f5eaf0}
.mm-service-nav.is-dragging,.mm-step-scroller.is-dragging{scroll-snap-type:none!important;user-select:none}
@media(hover:hover) and (pointer:fine){.mm-service-nav,.mm-step-scroller{cursor:grab}.mm-service-nav.is-dragging,.mm-step-scroller.is-dragging,.mm-service-nav.is-dragging *,.mm-step-scroller.is-dragging *{cursor:grabbing!important}}
.mm-help{font-size:12px;color:#6b5b65;margin:0 0 16px}
.mm-service{background:var(--mm-sand);border:1px solid #e5dbd6;border-radius:18px;padding:26px 20px 28px;margin:0 0 28px;scroll-margin-top:24px;overflow:hidden}
.mm-service-head{display:flex;justify-content:center;position:relative;padding-bottom:37px}
.mm-service-head::after{content:"";position:absolute;bottom:0;left:50%;height:37px;border-left:1px solid var(--mm-line)}
.mm-service-node{min-width:min(100%,330px);max-width:540px;text-align:center;background:#292125;color:#fff;border-radius:13px;padding:14px 24px 16px;box-shadow:0 14px 25px rgba(42,26,32,.12)}
.mm-service-node span{display:block;color:#e3c3d0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.mm-service-node h2{font-size:clamp(21px,2.4vw,29px);line-height:1.18;color:#fff;margin:4px 0 3px}
.mm-service-node p{font-size:12px;color:#e8d9df;margin:0}
.mm-step-scroller{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#b99eaa transparent;padding:0 0 16px;scroll-snap-type:x proximity}
.mm-steps{display:flex;width:max-content;min-width:100%;justify-content:center;gap:17px;position:relative;padding:26px 2px 0}
.mm-steps::before{content:"";position:absolute;top:0;left:calc(132px + 2px);right:calc(132px + 2px);border-top:1px solid var(--mm-line)}
.mm-step{position:relative;display:flex;flex-direction:column;flex:none;width:264px;min-height:206px;padding:20px 16px 14px;background:#fff;border:1px solid #d9c3ae;border-radius:12px;scroll-snap-align:start}
.mm-step::before{content:"";position:absolute;top:-27px;left:50%;height:27px;border-left:1px solid var(--mm-line)}
.mm-step-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f5eadb;color:#795631;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.mm-step h3{font-family:var(--nd-display);font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:10px 0 3px}
.mm-coming{margin:15px 0 0;color:#6e6363;font-size:12px;line-height:1.4}
.mm-footer{padding:10px 0 30px;color:#5f5358;font-size:13px}
.mm-backdrop{position:fixed;inset:0;background:rgba(24,17,22,.45);z-index:1000}
.mm-drawer{position:fixed;z-index:1001;top:0;right:0;bottom:0;width:min(490px,100vw);display:flex;flex-direction:column;background:#fffdfb;box-shadow:-20px 0 55px rgba(27,18,25,.18)}
.mm-drawer[hidden],.mm-backdrop[hidden]{display:none}
.mm-drawer-open{overflow:hidden}
.mm-drawer-head{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:23px 22px 17px;border-bottom:1px solid #e8ded9;background:#fff}
.mm-drawer-head p{margin:0 0 3px;font-size:11px;color:#6a5b5f}.mm-drawer-head h2{font-size:27px;line-height:1.15;margin:0}
.mm-drawer-head button{display:grid;place-items:center;flex:none;width:38px;min-height:38px!important;padding:0!important;background:#f5eff1!important;color:#5e2c42!important;border-radius:50%!important;font-size:25px;line-height:1}
.mm-drawer-body{overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 30px}
.mm-add{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:0!important}.mm-add label{font-size:11px;margin:0!important}
.mm-add.enlinea{display:flex}
.mm-add input[type=number]{width:70px!important;margin-top:3px!important}.mm-add button{flex:1;white-space:nowrap;font-size:12px;min-height:43px}
.mm-add .msg{flex-basis:100%;font-size:12px;min-height:0}.mm-empty{padding:20px;background:#f8f4f2;border-radius:10px;color:#554b4e}
@media(max-width:700px){
 .tienda-mayorista main{width:min(calc(100% - 24px),700px);margin-top:22px}
 .tienda-mayorista main>h1{font-size:35px}
 .mm-intro{display:block;margin-bottom:19px}.mm-intro>p{font-size:14px}.mm-links{margin-top:14px;justify-content:space-between}
 .mm-tools{display:block;padding:12px;margin-bottom:12px}.mm-tools label{display:block;margin-bottom:6px!important}.mm-search-wrap input{min-height:44px}
 .mm-service-nav{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
 .mm-help{margin-bottom:12px}
 .mm-service{border-radius:14px;padding:20px 0 15px;margin-bottom:15px}
 .mm-service-node{min-width:0;width:min(calc(100% - 36px),360px);padding:13px 15px}
 .mm-service-head{padding-bottom:30px}.mm-service-head::after{height:30px}
 .mm-steps{justify-content:flex-start;gap:12px;padding-left:15px;padding-right:15px}
 .mm-steps::before{left:calc(15px + min(41vw,135px));right:calc(15px + min(41vw,135px))}
 .mm-step{width:min(82vw,270px);min-height:0;padding:16px 13px 12px}
 .mm-step h3{font-size:19px}
 .mm-drawer{top:auto;left:0;width:100%;height:min(92dvh,900px);border-radius:18px 18px 0 0;box-shadow:0 -16px 45px rgba(27,18,25,.2)}
 .mm-drawer-head{padding:17px 16px 13px}.mm-drawer-head h2{font-size:24px}.mm-drawer-body{padding:14px 14px max(24px,env(safe-area-inset-bottom))}
}

/* Mayorista: selección por paso, panel de opciones y modo Brian. */
.mm-service.is-empty{padding-bottom:26px}.mm-service.is-empty .mm-service-head{padding-bottom:0}.mm-service.is-empty .mm-service-head::after{display:none}
.mm-service.is-empty .mm-service-node{background:#efe8e4;color:#5d5154;box-shadow:none}.mm-service.is-empty .mm-service-node h2{color:#43383a}.mm-service.is-empty .mm-service-node span,.mm-service.is-empty .mm-service-node p{color:#7a6c70}
.mm-service-nav a.is-empty{color:#8a7b81;background:transparent;border-style:dashed}
.mm-step-body{display:flex;flex-direction:column;flex:1;margin-top:10px}
.mm-groups{display:flex;flex-direction:column;gap:7px}
.mm-group{background:#fffaf3;border:1px solid #d9b98a;border-radius:9px;padding:8px 9px}
.mm-group.is-optional{background:#faf7f5;border-color:#e6dcd6}
.mm-group-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}
.mm-group-head strong{font-size:12px;line-height:1.25;min-width:0}
.mayorista-map .mm-group-head button{flex:none;min-height:30px;padding:3px 4px!important;background:transparent;color:#2f6258;font-size:11px;font-weight:700;white-space:nowrap}
.mayorista-map .mm-group-head button:hover{background:transparent;text-decoration:underline}
.mm-rows{display:flex;flex-direction:column;gap:2px}
.mm-row{display:flex;align-items:center;gap:7px;min-height:36px;font-size:12px;font-weight:500;line-height:1.25}
.mm-row input,.mm-shared-card input,.mm-option>input{width:17px;height:17px;margin:0;flex:none;accent-color:#2f6258}
.mm-row img,.mm-row .mm-thumb-empty{width:30px;height:30px;flex:none;object-fit:contain;background:#fff;border:1px solid #ebe2dd;border-radius:5px}
.mm-row span{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-row b{white-space:nowrap;font-variant-numeric:tabular-nums}
.mm-thumb-empty{display:block;background:#f3ece8}
.mm-none{font-size:11px;color:#756a6d}
.mm-step-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #eadfd9;font-size:12px;color:#5d5255}
.mm-groups+.mm-step-total{margin-top:14px}.mm-step-body>.mm-groups{margin-bottom:auto}
.mm-step-total strong{font-size:19px;color:#2f6258;font-variant-numeric:tabular-nums}
.is-draft{opacity:.62}.is-draft:hover,.is-draft:focus-within{opacity:1}
.mm-service-foot{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:22px;margin-top:14px;padding:18px 20px;background:#fff;border:1px solid #d9b98a;border-radius:12px}
.mm-service-foot:empty{display:none}
.mm-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a5c1c}
.mm-shared h3{font-family:var(--nd-display);font-size:21px;line-height:1.2;margin:4px 0 3px}.mm-shared p{font-size:12px;color:#5d5255;margin:0 0 10px}
.mm-shared-list{display:flex;flex-wrap:wrap;gap:8px}
.mm-shared-card{display:flex;align-items:center;gap:9px;width:250px;max-width:100%;min-height:74px;padding:8px 10px;border:1px solid #d9b98a;border-radius:9px;background:#fffaf3}
.mm-shared-card img,.mm-shared-card .mm-thumb-empty{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:5px}
.mm-shared-card span{display:flex;flex-direction:column;gap:1px;min-width:0}
.mm-shared-card em{font-style:normal;font-size:10px;font-weight:700;color:#8a5c1c}
.mm-shared-card b{font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-shared-card strong{font-size:13px;color:#2f6258;font-variant-numeric:tabular-nums}
.mayorista-map .mm-more{margin-top:11px;min-height:38px;padding:7px 13px!important;background:#fff;border:1px solid #7b9c93;color:#2f6258;font-size:12px}
.mayorista-map .mm-more:hover{background:#eaf4ef}
.mm-grand{display:flex;flex-direction:column;gap:2px;padding-left:22px;border-left:1px solid #eadfd9}
.mm-grand small{font-size:11px}.mm-grand>strong{font-family:var(--nd-display);font-size:32px;line-height:1.15;color:#2f6258;font-variant-numeric:tabular-nums}.mm-grand>span{font-size:11px;color:#6a5d61}
.mayorista-map form.mm-add-all{margin:11px 0 0;padding:0;background:none;box-shadow:none;border-radius:0}
.mm-add-all button{width:100%}.mm-add-all button:disabled{cursor:not-allowed}.mm-add-all .msg{display:block;font-size:12px;margin-top:6px;min-height:18px}
.mm-drawer-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 22px max(14px,env(safe-area-inset-bottom));background:#292125;color:#fff}
.mm-drawer-foot[hidden]{display:none}.mm-drawer-foot small{color:#e8d9df;font-size:12px}.mm-drawer-foot strong{font-size:23px;font-variant-numeric:tabular-nums}
.mm-note{font-size:13px;color:#5d5255;margin:0 0 13px}
.mm-option{display:grid;grid-template-columns:auto 116px minmax(0,1fr);align-items:start;gap:12px;padding:12px;margin-bottom:9px;background:#fff;border:1px solid #e7dcd7;border-radius:11px;cursor:pointer}
.mm-option.is-chosen{background:#edf6f1;border-color:#5c9082}
.mm-option>img,.mm-option>.mm-thumb-empty{width:116px;height:116px;object-fit:contain;background:#f8f4f2;border-radius:7px}
.mm-option>input{margin-top:3px}
.mm-option-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.mm-option-name{font-size:14px;line-height:1.3}
.mm-option-copy>small{font-size:12px;line-height:1.4}
.mm-option-copy>strong{font-size:18px;color:#5e2740;font-variant-numeric:tabular-nums}.mm-option-copy>strong span{font-size:11px;font-weight:500;color:#6a5d61}
.mm-badge{display:inline-block;padding:2px 7px;border-radius:5px;background:#f5e8cd;color:#765007;font-size:11px;font-weight:700}
.mm-badge.is-cart{background:#e4eef6;color:#234e70}
.mm-drawer form.mm-add{width:100%;margin:6px 0 0;padding:0;background:none;box-shadow:none}
/* Modo Brian */
.mm-brian-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 20px;padding:10px 14px;background:#1f2a33;color:#e9f1f6;border-radius:10px;font-size:13px}
.mm-brian-bar b{color:#ffd88a}.mm-brian-bar a{color:#fff;margin-left:auto;font-weight:700}.mm-brian-bar .msg{color:#bfe6cf}
.mm-brian-bar button,.mm-admin button,.mm-brian-tools button,.mm-newcat button,.mm-existing-row button{min-height:32px;padding:4px 11px!important;background:#31404c;border-radius:7px;font-size:12px}
.mm-brian-bar button:hover,.mm-admin button:hover,.mm-brian-tools button:hover,.mm-newcat button:hover,.mm-existing-row button:hover{background:#1f2a33}
.mm-admin{width:100%;margin-top:6px;padding:9px 10px;background:#eef2f5;border:1px dashed #9db0bd;border-radius:8px;font-size:12px;cursor:default}
.mm-admin p{margin:0 0 6px;line-height:1.45}.mm-admin i{color:#a04a12;font-weight:700}.mm-offers{display:block;margin-bottom:6px}
.mm-admin-actions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.mm-admin .msg,.mm-brian-tools .msg,.mm-newcat .msg{font-size:11px}
.mm-admin summary,.mm-brian-tools summary{cursor:pointer;font-weight:700;color:#31404c;padding:5px 0}
.mm-drawer form.mm-pform,.mm-drawer .mm-brian-tools form.mm-bform{margin:6px 0 4px;padding:0;background:none;box-shadow:none}
.mm-pform label{margin:7px 0!important;font-size:12px}.mm-pform input:not([type=checkbox]){min-height:38px!important;padding:7px 9px!important;margin-top:3px!important;font-size:13px}
.mm-pform-2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mm-pform label.mm-check{display:flex;align-items:center;gap:7px}
.mm-brian-tools{margin-top:16px;padding:10px 12px;background:#eef2f5;border:1px dashed #9db0bd;border-radius:10px;font-size:13px}
.mm-brian-tools details+details{border-top:1px solid #d3dde4}
.mm-brian-tools .mm-danger{background:#8f2f2f}.mm-brian-tools .mm-danger:hover{background:#6f1f1f}
.mm-brian-tools form.mm-existing-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;margin:6px 0;font-size:12px}
.mm-existing-row img,.mm-existing-row .mm-thumb-empty{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:5px}.mm-existing-row .msg{grid-column:1/-1}
.mayorista-map form.mm-newcat{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.mm-newcat input{flex:1;min-width:0;min-height:32px!important;padding:4px 8px!important;margin:0!important;font-size:12px}.mm-newcat .msg{flex-basis:100%}
@media(max-width:700px){
 .mm-service-foot{grid-template-columns:1fr;margin:12px 13px 0;padding:15px}
 .mm-grand{padding:14px 0 0;border-left:0;border-top:1px solid #eadfd9}
 .mm-shared-card{width:100%}
 .mm-option{grid-template-columns:auto 92px minmax(0,1fr);gap:10px;padding:10px}.mm-option>img,.mm-option>.mm-thumb-empty{width:92px;height:92px}
 .mm-drawer-foot{padding-left:16px;padding-right:16px}
 .mm-row{min-height:44px}.mayorista-map .mm-group-head button{min-height:40px}
}
.mm-soon{margin:0 0 20px;padding:14px 18px;background:#faf7f3;border:1px dashed #d8c9c0;border-radius:12px;font-size:13px;color:#5d5154}
.mm-service-node form{display:block;margin-top:9px}.mm-service-node button{min-height:30px;padding:3px 11px!important;background:#4a3d43;font-size:11px;border-radius:7px}.mm-service-node .msg{display:block;font-size:11px;color:#e8d9df}
.mm-service.is-unpublished{border-style:dashed}
/* Mayorista: la casilla marca; el resto del producto abre su ficha. */
.mayorista-map .mm-view{display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:0;padding:2px 0!important;background:none;border-radius:6px;color:inherit;font:inherit;text-align:left;cursor:pointer}
.mayorista-map .mm-view:hover{background:none}.mm-view:hover span,.mm-view:hover b:not(:last-child){text-decoration:underline}
.mm-shared-card .mm-view{gap:9px}.mm-shared-card .mm-view>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.mm-option{cursor:pointer}.mm-option>input{cursor:pointer}
.mm-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:rgba(24,17,22,.62);overflow-y:auto}
.mm-modal[hidden]{display:none}.mm-modal-open{overflow:hidden}
.mm-modal-box{position:relative;width:min(880px,100%);background:#fffdfb;border-radius:18px;box-shadow:0 30px 80px rgba(20,12,17,.35);overflow:hidden}
.mm-modal-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.mm-modal-image{display:grid;place-items:center;background:#f8f4f2;min-height:420px}
.mm-modal-image img{display:block;width:100%;max-height:min(72vh,620px);object-fit:contain}.mm-modal-image .mm-thumb-empty{width:100%;height:100%;min-height:300px}
.mm-modal-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:52px 30px 30px}
.mm-modal-copy h2{font-size:clamp(22px,2.6vw,29px);line-height:1.2;margin:2px 0 0}.mm-modal-copy p{margin:0;font-size:14px;color:#5d5255}
.mm-modal-price{font-size:30px!important;font-weight:700;color:#5e2740!important;font-variant-numeric:tabular-nums;margin-top:6px!important}.mm-modal-price span{font-size:12px;font-weight:500;color:#6a5d61}
.mm-modal-pick{width:100%;margin-top:10px}.mm-modal-pick.is-on{background:#fff;color:#5e2740;box-shadow:inset 0 0 0 1.5px #5e2740}.mm-modal-pick.is-on:hover{background:#f6ecf0}
.mm-modal-state{font-size:13px!important}.mm-modal-copy form.mm-add{width:100%;margin:10px 0 0;padding:0;background:none;box-shadow:none}
.mm-modal-close{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:40px;min-height:40px;padding:0!important;border-radius:50%;background:#f5eff1;color:#5e2c42;font-size:25px;line-height:1}
.mm-modal-close:hover{background:#ead9e0}
@media(max-width:700px){
 .mm-modal{padding:0;place-items:end center}.mm-modal-box{border-radius:18px 18px 0 0;max-height:94dvh;overflow-y:auto}
 .mm-modal-body{grid-template-columns:1fr}.mm-modal-image{min-height:0}.mm-modal-image img{max-height:46vh}
 .mm-modal-copy{padding:18px 18px max(22px,env(safe-area-inset-bottom))}
 .mayorista-map .mm-view{min-height:44px}
}
.mm-grand:only-child{grid-column:1/-1;padding-left:0;border-left:0;border-top:0;padding-top:0}.mm-grand:only-child .mm-add-all{max-width:320px}
/* Mayorista: barra fija de rubros (padres) y servicios (hijas); se marca sola al recorrer la página. */
.mm-sticky{position:sticky;top:0;z-index:60;margin:0 -12px 12px;padding:10px 12px 2px;background:var(--nd-bg);border-bottom:1px solid transparent}
.mm-sticky.is-stuck{border-bottom-color:#e3d6d0;box-shadow:0 12px 22px -18px rgba(42,26,32,.45)}
.mm-service{scroll-margin-top:calc(var(--mm-sticky-h,150px) + 10px)}
.mm-rubros{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 9px}.mm-rubros::-webkit-scrollbar{display:none}
.mayorista-map .mm-rubros button{display:flex;align-items:center;gap:10px;flex:1 0 auto;min-height:56px;padding:6px 14px 6px 7px!important;background:#fff;border:1px solid #e3d6d0;border-radius:12px;color:#33292c;text-align:left}
.mayorista-map .mm-rubros button:hover{background:#fdf7f9;border-color:#b9899e}
.mayorista-map .mm-rubros button.is-active{background:#292125;border-color:#292125;color:#fff}
.mm-rubros img,.mm-rubros .mm-thumb-empty{width:42px;height:42px;flex:none;object-fit:cover;border-radius:8px;background:#f3ece8}
.mm-rubros span{display:flex;flex-direction:column;min-width:0}.mm-rubros b{font-family:var(--nd-display);font-size:17px;line-height:1.2;white-space:nowrap}
.mm-rubros small{font-size:11px;color:#6b5b65;white-space:nowrap}.mm-rubros .is-active small{color:#e3c3d0}
.mm-sticky .mm-service-nav{margin-bottom:0;padding:1px 2px 9px;scrollbar-width:none}.mm-sticky .mm-service-nav::-webkit-scrollbar{display:none}
.mm-service-nav a{display:flex;align-items:center;gap:7px;padding:4px 14px 4px 4px;min-height:36px}
.mm-service-nav a[hidden],.mm-service[hidden]{display:none}
.mm-service-nav a img,.mm-service-nav a .mm-thumb-empty{width:28px;height:28px;flex:none;object-fit:cover;border-radius:50%;background:#f3ece8}
.mm-service-nav a.is-active{background:var(--mm-wine);border-color:var(--mm-wine);color:#fff;border-style:solid}
.mm-service-node{position:relative}
.mm-service-node>img{display:block;width:84px;height:84px;margin:-46px auto 9px;object-fit:cover;border-radius:50%;border:4px solid #292125;background:#fff;box-shadow:0 8px 18px rgba(42,26,32,.2)}
.mm-service:has(.mm-service-node>img){padding-top:58px}
.mm-service.is-empty .mm-service-node>img{border-color:#efe8e4}
@media(max-width:700px){
 .mm-sticky{margin:0 -12px 10px;padding-top:8px}
 .mayorista-map .mm-rubros button{flex:0 0 auto;min-height:46px;padding:4px 11px 4px 5px!important;gap:8px}
 .mm-rubros img,.mm-rubros .mm-thumb-empty{width:36px;height:36px}.mm-rubros b{font-size:15px}.mm-rubros small{display:none}
 .mm-sticky .mm-service-nav{margin-left:0;margin-right:0;padding-left:2px;padding-right:2px}
 .mm-service-node>img{width:68px;height:68px;margin-top:-40px}.mm-service:has(.mm-service-node>img){padding-top:48px}
}
/* Mayorista: en cada paso, el producto marcado se ve como una tarjeta: foto a la izquierda, nombre y precio al lado. */
.mm-step{width:288px}
.mm-steps::before{left:calc(144px + 2px);right:calc(144px + 2px)}
.mm-rows{gap:7px}
.mm-row{position:relative;display:block;min-height:0}
.mm-row>input{position:absolute;top:5px;left:5px;z-index:1;width:20px;height:20px;border-radius:5px;box-shadow:0 0 0 2px rgba(255,255,255,.95)}
.mayorista-map .mm-row .mm-view{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px 11px;width:100%;padding:0!important}
.mm-row .mm-view img,.mm-row .mm-view .mm-thumb-empty{grid-row:1/span 2;width:78px;height:78px;object-fit:cover;border-radius:9px;border:1px solid #ebe2dd;background:#fff}
.mm-row .mm-view span{align-self:end;font-size:13px;font-weight:600;line-height:1.3;-webkit-line-clamp:2}
.mm-row .mm-view b{align-self:start;font-size:15px;color:#2f6258}
@media(max-width:700px){.mm-step{width:min(84vw,300px)}.mm-steps::before{left:calc(15px + min(42vw,150px));right:calc(15px + min(42vw,150px))}}
/* Mayorista: recomendado que se quitó. Queda chico y apagado, con "Restaurar". */
.mm-row.is-removed{display:flex;align-items:center;gap:6px;opacity:.55}.mm-row.is-removed:hover,.mm-row.is-removed:focus-within{opacity:1}
.mayorista-map .mm-row.is-removed .mm-view{display:flex;align-items:center;gap:8px;flex:1;min-width:0;width:auto}
.mm-row.is-removed .mm-view img,.mm-row.is-removed .mm-view .mm-thumb-empty{width:34px;height:34px;flex:none;border-radius:6px;filter:grayscale(1)}
.mm-row.is-removed .mm-view span{align-self:center;font-size:11px;font-weight:500;text-decoration:line-through;-webkit-line-clamp:1}
.mayorista-map .mm-restore{flex:none;min-height:30px;padding:3px 9px!important;background:#fff;border:1px solid #7b9c93;border-radius:7px;color:#2f6258;font-size:11px;font-weight:700}
.mayorista-map .mm-restore:hover{background:#eaf4ef}
@media(max-width:700px){.mayorista-map .mm-restore{min-height:40px}}
/* Mayorista: video de cada servicio y paso. Se abre grande y se puede dejar flotando abajo. */
.mm-step-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 3px}.mm-step-title h3{margin:0}
.mayorista-map .mm-play{display:grid;place-items:center;flex:none;width:34px;min-height:34px;padding:0!important;border-radius:50%;background:#682843;color:#fff;box-shadow:0 4px 10px rgba(104,40,67,.25)}
.mayorista-map .mm-play:hover{background:#4f1e33;transform:scale(1.06)}
.mm-play svg,.mm-play-service svg{width:16px;height:16px;fill:currentColor;margin-left:2px}
.mayorista-map .mm-play-service{display:inline-flex;align-items:center;gap:7px;margin:9px 0 2px;min-height:34px;padding:5px 14px 5px 10px!important;border-radius:50px;background:#fff;color:#292125;font-size:12px}
.mayorista-map .mm-play-service:hover{background:#f5e8ee}
.mm-video{position:fixed;inset:0;z-index:1200;pointer-events:none}.mm-video[hidden]{display:none}
.mm-video-backdrop{position:absolute;inset:0;background:rgba(20,13,17,.72);pointer-events:auto}
.mm-video.is-docked .mm-video-backdrop{display:none}
.mm-video-box{position:absolute;left:50%;top:50%;width:min(960px,calc(100vw - 32px));transform:translate(-50%,-50%);pointer-events:auto;background:#171214;color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);transition:width .25s ease,border-radius .25s ease}
.mm-video.is-docked .mm-video-box{left:auto;top:auto;right:18px;bottom:18px;width:min(380px,calc(100vw - 24px));transform:none;border-radius:12px}
.mm-video-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}
.mm-video-head p{display:flex;flex-direction:column;margin:0;min-width:0}.mm-video-head span{font-size:11px;color:#c9b3bd}
.mm-video-head b{font-family:var(--nd-display);font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-video.is-docked .mm-video-head{padding:7px 9px}.mm-video.is-docked .mm-video-head b{font-size:14px}
.mm-video-actions{display:flex;align-items:center;gap:6px;flex:none}
.mm-video-actions button{min-height:34px;padding:5px 12px!important;border-radius:8px;background:#2f262a;color:#fff;font-size:12px}
.mm-video-actions button:hover{background:#463a3f}
.mm-video-actions .mm-video-close{width:34px;padding:0!important;font-size:22px;line-height:1}
.mm-video .mm-video-expand,.mm-video.is-docked .mm-video-dock,.mm-video:not(.has-video) .mm-video-dock{display:none}
.mm-video.is-docked .mm-video-expand{display:inline-block}
.mm-video-frame{position:relative;aspect-ratio:16/9;background:#000}
.mm-video-frame .plyr{position:absolute;inset:0;height:100%;--plyr-color-main:#c2607f}
.mm-video-frame>video{width:100%;height:100%}
.mm-video-empty{position:absolute;inset:0;display:none;place-content:center;gap:4px;text-align:center;background:radial-gradient(circle at 50% 40%,#3a2a31,#120d10);color:#e8d9df}
.mm-video:not(.has-video) .mm-video-empty{display:grid}.mm-video:not(.has-video) .plyr{visibility:hidden}
.mm-video-empty b{font-family:var(--nd-display);font-size:28px;color:#fff}.mm-video-empty span{font-size:14px}
.mm-video-admin:empty{display:none}.mm-video.is-docked .mm-video-admin{display:none}
.mm-video form.mm-video-form{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:12px 14px;background:#1f2a33;border-radius:0;box-shadow:none}
.mm-video-form input{flex:1;min-width:200px;margin:0!important;min-height:38px!important}.mm-video-form .msg{flex-basis:100%;font-size:12px;color:#bfe6cf}
.mm-video-open{overflow:hidden}
@media(max-width:700px){
 .mm-video-box{width:100%;top:auto;bottom:0;left:0;transform:none;border-radius:16px 16px 0 0}
 .mm-video.is-docked .mm-video-box{right:12px;bottom:12px;left:auto;width:calc(100vw - 24px);border-radius:12px}
 .mm-video-head b{font-size:16px}.mm-video-actions button{min-height:40px}
}
/* Mayorista: necesidad sin proveedor todavía. La afiliada ve «Muy pronto»; en modo Brian se resalta y se lista arriba. */
.mm-group.is-missing .mm-none{color:#9a6b12;font-style:italic}
.is-brian .mm-group.is-missing{outline:2px dashed #e0a43a;outline-offset:2px;border-radius:10px}
.mm-faltan{flex-basis:100%;margin-top:6px;background:#fff;border:1px solid #e9dcc4;border-radius:10px;padding:8px 12px;max-height:60vh;overflow:auto}
.mm-faltan summary{cursor:pointer;font-weight:700;color:#8a5a00}
.mm-faltan h4{margin:10px 0 4px;font-size:13px}
.mm-faltan ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6}
.mm-faltan em{color:#9a6b12;font-size:12px}
.mm-faltan,.mm-faltan h4,.mm-faltan li{color:#2c2629;text-align:left}
.mm-brian-bar .mm-faltan a{display:inline;padding:0;margin:0;background:none;border:0;color:#2f6258;font-weight:500;text-decoration:underline}
.mm-faltan li b{color:#2c2629}
/* Modo Brian: guion de los videos de cada servicio y paso */
.mayorista-map .mm-guion-btn{flex:none;margin-left:6px;padding:4px 9px;border:1px dashed #b07a90;border-radius:999px;background:#fff;color:#7a3c55;font-size:11px;font-weight:700}
.mayorista-map .mm-guion-btn:hover{background:#fdf0f5}
.mm-service-node .mm-guion-btn{margin:6px 0 0}
.mm-guion .mm-escena{margin:0 0 12px;padding:10px 12px;border:1px solid #eadfe3;border-radius:10px;background:#fffdfd}
.mm-guion legend{padding:0 4px;font-weight:700;font-size:13px;color:#7a3c55}
.mm-guion label{display:block;margin:6px 0;font-size:12px;font-weight:600;color:#5a5155}
.mm-guion label small{font-weight:400;color:#8a8085}
.mm-guion input,.mm-guion select,.mm-guion textarea{display:block;width:100%;margin-top:3px;font:inherit;font-size:13px;font-weight:400}
.mm-guion textarea{resize:vertical;line-height:1.45}
.mm-escena-img{display:flex;gap:10px;align-items:flex-start;margin-top:6px}
.mm-escena-prev{flex:none;width:96px;height:72px;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(135deg,#f7eef1 0 10px,#fbf5f7 10px 20px);display:flex;align-items:center;justify-content:center;font-size:11px;color:#a0516d;text-align:center}
.mm-escena-prev img{width:100%;height:100%;object-fit:cover}
.mm-escena-img button,.mm-escena-subir{display:inline-block;margin:0 6px 4px 0;padding:5px 10px;border:1px solid #e3c7d2;border-radius:7px;background:#fff;color:#7a3c55;font-size:12px;font-weight:700;cursor:pointer}
.mm-guion .mm-escena-subir{display:inline-block;width:auto}
.mm-escena-img small{display:block;color:#8a8085;font-size:11px}
.mm-escena:focus-within{border-color:#d9a6ba}
.mm-guion input[type=file]{display:none}

/* Marca de agua personal sobre las clases pagas (nombre y DNI) */
.video-marca{position:relative;background:#000;line-height:0;margin:0 0 12px}
.video-marca video{display:block;width:100%}
.video-marca .marca{position:absolute;top:12%;left:8%;z-index:2;pointer-events:none;color:rgba(255,255,255,.5);text-shadow:0 0 2px rgba(0,0,0,.25);letter-spacing:.02em;font:600 clamp(11px,2.4vw,18px)/1.2 system-ui,sans-serif;white-space:nowrap;transition:top 1.5s,left 1.5s}
.video-marca .pantalla-completa{position:absolute;top:8px;right:8px;z-index:3;width:auto;min-height:0;margin:0;background:rgba(0,0,0,.5);color:#fff;border:0;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;cursor:pointer;box-shadow:none}
.video-marca:fullscreen{display:flex;align-items:center;justify-content:center}
.video-marca:fullscreen video{height:100%;object-fit:contain}
.video-marca:fullscreen .marca{font-size:clamp(16px,1.8vw,30px)}

/* Panel: botones, primeros pasos, agenda, servicios y Mi cuenta (octubre 2026) */
.mi-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--nd-muted)}
button.chico{min-height:32px;padding:4px 12px!important;font-size:13px;background:var(--nd-rose);color:var(--nd-plum)}
button.chico:hover{background:#e7d3dc}
.pasos{background:#fff;border:1px solid var(--nd-line);border-radius:14px;padding:18px 20px;margin:20px 0}
.pasos p{margin:0 0 10px}
.barra{height:6px;background:var(--nd-rose);border-radius:9px;overflow:hidden}
.barra i{display:block;height:100%;background:var(--nd-plum)}
.pasos ol{list-style:none;padding:0;margin:12px 0 0}
.pasos li{padding:9px 0;border-top:1px solid var(--nd-line);font-size:14px}
.pasos li a{font-weight:600;text-decoration:none}
.pasos li.hecho{color:var(--nd-muted)}
main h2{font-size:22px}
.site-header .quien{color:var(--nd-muted)}
.volver{margin:0 0 10px!important;font-size:14px!important}
.volver a{display:inline-block;padding:6px 10px 6px 0}
a.boton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border-radius:9px;background:var(--nd-plum);color:#fff;font-weight:700;text-decoration:none;border:1px solid var(--nd-plum)}
a.boton:hover{background:var(--nd-plum-dark);color:#fff}
a.boton.sec{background:#fff;color:var(--nd-plum);border-color:var(--nd-line)}
a.boton.sec:hover{border-color:#a9778d;background:#fdf9fa;color:var(--nd-plum)}
.acciones-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 20px}
.segmentos{display:inline-flex;border:1px solid var(--nd-line);border-radius:10px;overflow:hidden;background:#fff}
.segmentos a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;text-decoration:none;font-weight:700;color:var(--nd-plum);border-right:1px solid var(--nd-line)}
.segmentos a:last-child{border-right:0}
.segmentos a.activo{background:var(--nd-rose)}
.ir-dia input[type=date]{margin:0!important;min-height:44px;width:auto!important}
.vacio{background:#fff;border:1px dashed #d8c6cf;border-radius:14px;padding:22px;text-align:center;margin:10px 0 20px}
.vacio p{color:var(--nd-muted)}
ul.menu a.con-precio{display:flex;justify-content:space-between;align-items:center;gap:14px}
ul.menu a.con-precio strong{color:var(--nd-plum);font-size:17px;white-space:nowrap}
.estado-membresia{background:#fff;border:1px solid var(--nd-line);border-left:5px solid #c9a35a;border-radius:14px;padding:18px 20px;margin:8px 0 18px}
.estado-membresia.ok{border-left-color:#2f8a5b}
.estado-membresia .titulo-estado{font:600 22px var(--nd-display);margin:0 0 6px}
.estado-membresia p:last-child{margin:0}
main details{margin:12px 0 22px}
main details>summary{cursor:pointer;font-weight:700;color:var(--nd-plum);padding:6px 0}
@media(max-width:520px){.acciones-top{gap:8px}.acciones-top .boton{flex:1}}

/* Encabezado y pie del mismo ancho que el contenido de cada pagina */
.site-header,.site-footer{width:min(calc(100% - 48px),760px)}
.sitio-negocio .site-header,.sitio-negocio .site-footer{width:min(calc(100% - 48px),840px)}
.portada-negocio .site-header,.portada-negocio .site-footer{width:min(calc(100% - 48px),720px)}
.flujo-reserva .site-header,.flujo-reserva .site-footer{width:min(calc(100% - 48px),690px)}
.tienda-mayorista .site-header,.tienda-mayorista .site-footer{width:min(calc(100% - 48px),1320px)}
@media(max-width:600px){.site-header,.site-footer,.sitio-negocio .site-header,.sitio-negocio .site-footer,.portada-negocio .site-header,.portada-negocio .site-footer,.flujo-reserva .site-header,.flujo-reserva .site-footer,.tienda-mayorista .site-header,.tienda-mayorista .site-footer{width:min(calc(100% - 32px),760px)}}

/* Inicio del panel: pendiente > principales > recomendado > todo lo demas */
.pendiente{background:#fff;border:1px solid var(--nd-line);border-radius:14px;margin:22px 0 14px;overflow:hidden}
.pendiente p{margin:0;padding:16px 18px;color:#2f6b4c;font-weight:600}
.pendiente a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;text-decoration:none;color:var(--nd-ink);border-top:1px solid var(--nd-line);border-left:4px solid var(--nd-plum)}
.pendiente a:first-child{border-top:0}
.pendiente a b{color:var(--nd-plum);white-space:nowrap;font-size:14px}
.pendiente a:hover{background:#fdf9fa}
.principales{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px}
.principales a{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--nd-line);border-radius:14px;background:#fff;color:var(--nd-ink);text-decoration:none}
.principales a b{font:600 21px var(--nd-display)}
.principales a span{font-size:13px;color:var(--nd-muted)}
.principales a:hover{border-color:#a9778d;box-shadow:0 8px 24px rgba(69,29,45,.08)}
.nuevo-turno{margin:0 0 30px}
.recomendado{background:var(--nd-rose);border-radius:16px;padding:20px 22px;margin:0 0 34px}
.recomendado .etiqueta{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nd-plum);margin:0 0 6px}
.recomendado .que-sigue{font:500 20px/1.3 var(--nd-display);margin:0 0 14px}
.recomendado .extras{margin:14px 0 0;font-size:14px}
.todo{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px 20px;border-top:1px solid var(--nd-line);padding-top:22px}
.todo h3{font:700 12px var(--nd-body);letter-spacing:.06em;text-transform:uppercase;color:var(--nd-muted);margin:0 0 8px}
.todo ul{list-style:none;padding:0;margin:0 0 18px}
.todo li{margin:0}
.todo a{display:block;padding:5px 0;text-decoration:none;font-size:14px}
.todo a:hover{text-decoration:underline}
@media(max-width:520px){.principales{grid-template-columns:1fr;gap:8px}.principales a{flex-direction:row;align-items:center;gap:12px;padding:14px 16px}.principales a .ico{margin:0}.principales a b{font-size:18px}.principales a span{margin-left:auto}.nuevo-turno .boton{width:100%}}

/* Iconos, menu del panel y cuenta (Lucide) */
.ico{width:18px;height:18px;flex:none;vertical-align:-3px;stroke-width:1.8}
.site-header{gap:14px}
.site-header .logo{flex:none}
.tabs{display:flex;gap:2px;margin-left:auto}
.tabs a{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:9px;text-decoration:none;color:var(--nd-muted);font-weight:600;font-size:14px}
.tabs a:hover{background:var(--nd-rose);color:var(--nd-plum)}
.tabs a.activo{background:var(--nd-rose);color:var(--nd-plum)}
.usuario{position:relative;flex:none}
.usuario summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;font-weight:600;font-size:14px;color:var(--nd-ink)}
.usuario summary::-webkit-details-marker{display:none}
.usuario[open] summary,.usuario summary:hover{background:var(--nd-rose)}
.usuario .desplegable{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;background:#fff;border:1px solid var(--nd-line);border-radius:12px;box-shadow:0 14px 40px rgba(60,35,48,.14);padding:6px;z-index:40}
.usuario .desplegable a{display:flex;gap:10px;align-items:center;padding:10px;border-radius:8px;text-decoration:none;color:var(--nd-ink);font-size:14px}
.usuario .desplegable a:hover{background:var(--nd-rose)}
.volver a{display:inline-flex!important;align-items:center;gap:6px}
.pendiente a{justify-content:flex-start!important}
.pendiente a span{flex:1}
.pendiente a .ico{color:var(--nd-plum)}
.pendiente p .ico{color:#2f8a5b}
.principales a .ico{width:22px;height:22px;color:var(--nd-plum);margin-bottom:6px}
.recomendado .etiqueta{display:flex;align-items:center;gap:6px}
.boton .ico,button .ico{margin-right:4px}
button.chico{display:inline-flex;align-items:center;gap:2px}
@media(max-width:720px){
  .tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;justify-content:space-around;background:#fff;border-top:1px solid var(--nd-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(60,35,48,.06)}
  .tabs a{flex:1;flex-direction:column;gap:3px;padding:6px 2px;font-size:11px;border-radius:10px}
  .tabs a .ico{width:22px;height:22px}
  .con-tabs .page-shell{padding-bottom:74px}
  .usuario summary span{display:none}
}
@media(min-width:721px){
  .con-tabs .site-header{flex-wrap:wrap;row-gap:0;padding-top:14px;min-height:0}
  .con-tabs .usuario{margin-left:auto}
  .con-tabs .tabs{order:3;width:100%;margin:8px 0 -1px;gap:6px}
  .con-tabs .tabs a{border-radius:0;padding:10px 6px 12px;border-bottom:2px solid transparent;background:none}
  .con-tabs .tabs a:hover{background:none;color:var(--nd-plum)}
  .con-tabs .tabs a.activo{background:none;border-bottom-color:var(--nd-plum);color:var(--nd-plum)}
}

/* Submenu de la seccion (Tienda: mi tienda, pedidos, insumos mayoristas...) */
.subtabs{width:min(calc(100% - 48px),760px);margin:14px auto 0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.subtabs::-webkit-scrollbar{display:none}
.subtabs a{flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--nd-line);background:#fff;color:var(--nd-muted);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.subtabs a:hover{border-color:#a9778d;color:var(--nd-plum)}
.subtabs a.activo{background:var(--nd-plum);border-color:var(--nd-plum);color:#fff}
.tienda-mayorista .subtabs{width:min(calc(100% - 48px),1320px)}
.con-tabs main{margin-top:30px}
.principales{grid-template-columns:repeat(4,1fr)}
@media(max-width:720px){.subtabs{width:100%;padding:0 16px 2px;margin-top:10px}}
@media(min-width:521px) and (max-width:720px){.principales{grid-template-columns:1fr 1fr}}

/* Todo el panel con el mismo ancho que la tienda mayorista: encabezado, submenu, contenido y pie no saltan */
.con-tabs .site-header,.con-tabs .site-footer,.con-tabs .subtabs,.con-tabs main,.con-tabs.tienda-mayorista main,.con-tabs.tienda-mayorista .site-header,.con-tabs.tienda-mayorista .site-footer,.con-tabs.tienda-mayorista .subtabs{width:min(calc(100% - 48px),1200px)}
/* Las listas aprovechan el ancho en columnas; formularios y textos largos quedan a un ancho comodo de leer */
.con-tabs:not(.tienda-mayorista) ul.menu{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.con-tabs:not(.tienda-mayorista) form.ajax:not(.enlinea),.con-tabs:not(.tienda-mayorista) main>p,.con-tabs:not(.tienda-mayorista) main>details,.con-tabs:not(.tienda-mayorista) main>ol,.con-tabs:not(.tienda-mayorista) main>pre,.con-tabs:not(.tienda-mayorista) .aviso,.con-tabs .tarjeta,.con-tabs .estado-membresia{max-width:760px}
.con-tabs main video,.con-tabs .video-marca{max-width:960px}
@media(max-width:720px){.con-tabs .site-header,.con-tabs .site-footer,.con-tabs main,.con-tabs.tienda-mayorista main{width:min(calc(100% - 32px),1200px)}.con-tabs .subtabs,.con-tabs.tienda-mayorista .subtabs{width:100%}}

/* Placeholders, buscador en una linea y Mi cuenta en dos columnas */
::placeholder{color:#a59aa0;opacity:1}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
form.buscador{display:flex;gap:8px;max-width:560px;margin:0 0 8px}
form.buscador input{margin:0!important;flex:1}
.contador{color:var(--nd-muted);font-size:14px}
.mi-link .a-cuenta{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-weight:600;font-size:14px;text-decoration:none}
.cuenta{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:36px;align-items:start}
.cuenta-lateral{order:2;position:sticky;top:20px;background:#fff;border:1px solid var(--nd-line);border-radius:16px;padding:20px 22px}
.cuenta-lateral .estado-membresia{border:0;border-left:5px solid #2f8a5b;border-radius:10px;background:#f7faf8;margin:0 0 12px;max-width:none}
.cuenta-lateral h2{font-size:19px;margin:24px 0 8px}
.cuenta-lateral details{margin:8px 0 12px}
.cuenta-principal{order:1;min-width:0}
.cuenta-principal>h2:first-child{margin-top:0}
.cuenta-principal form.ajax:not(.enlinea){max-width:none}
@media(max-width:960px){.cuenta{grid-template-columns:1fr}.cuenta-lateral{order:0;position:static}}

/* Submenu con separador entre el dia a dia y lo que se configura una vez */
.subtabs .sep{flex:none;width:1px;background:var(--nd-line);margin:4px 6px}
/* Agenda: dia como linea de tiempo, semana en columnas, mes en grilla. El color dice el estado */
.turnos-dia a{display:grid!important;grid-template-columns:64px 1fr auto;gap:14px;align-items:start;border-left:4px solid #c9a35a!important}
.turnos-dia .hora{font:600 18px/1.1 var(--nd-display);color:var(--nd-plum)}
.turnos-dia .hora small{display:block;font:400 12px var(--nd-body);color:var(--nd-muted);margin-top:3px}
.turnos-dia .estado{text-align:right;font-size:13px;font-weight:600}
.turnos-dia .estado small{display:block;font-weight:400}
.est-confirmado,.turnos-dia a.est-confirmado{border-left-color:#2f8a5b!important}
.est-pendiente_confirmacion,.est-bloqueado,.turnos-dia a.est-pendiente_confirmacion,.turnos-dia a.est-bloqueado{border-left-color:#d4892b!important}
.est-en_atencion,.turnos-dia a.est-en_atencion{border-left-color:#3d6fb5!important}
.est-completado,.turnos-dia a.est-completado{border-left-color:#9a8f95!important}
.turnos-dia a.est-cancelado_clienta,.turnos-dia a.est-cancelado_negocio,.turnos-dia a.est-expirado,.turnos-dia a.est-ausente{opacity:.6;border-left-color:#c9b9c0!important}
.semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.dia-col{background:#fff;border:1px solid var(--nd-line);border-radius:12px;padding:8px;min-height:180px;display:flex;flex-direction:column;gap:6px}
.dia-col.hoy{border-color:var(--nd-plum);box-shadow:0 0 0 1px var(--nd-plum)}
.dia-cab{display:block;text-decoration:none;color:var(--nd-muted);font-size:13px;padding:2px 4px 6px;border-bottom:1px solid var(--nd-line)}
.dia-cab b{color:var(--nd-ink);font:600 18px var(--nd-display)}
.turno-mini{display:block;padding:6px 8px;border-radius:8px;background:#fbf7f8;border-left:3px solid #c9a35a;text-decoration:none;color:var(--nd-ink);font-size:12.5px;line-height:1.3}
.turno-mini span{display:block;color:var(--nd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.turno-mini:hover{background:var(--nd-rose)}
.libre{color:#b4a9ae;font-size:12px;padding:4px}
.mes-cab,.mes-grilla{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.mes-cab span{font-size:12px;font-weight:700;color:var(--nd-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 6px 6px}
.mes-dia{display:flex;flex-direction:column;gap:3px;min-height:104px;padding:7px 8px;background:#fff;border:1px solid var(--nd-line);border-radius:10px;text-decoration:none;color:var(--nd-ink);font-size:12px;overflow:hidden}
.mes-dia b{font:600 15px var(--nd-display)}
.mes-dia span{display:block;padding:2px 6px;border-radius:6px;background:#fbf7f8;border-left:3px solid #c9a35a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mes-dia small{color:var(--nd-muted)}
.mes-dia em.cuantos{display:none}
.mes-dia.fuera{opacity:.45}
.mes-dia.hoy{border-color:var(--nd-plum);box-shadow:0 0 0 1px var(--nd-plum)}
.mes-dia:hover{border-color:#a9778d}
/* Nuevo turno: a la izquierda que y cuando; a la derecha el horario libre y la clienta */
.nuevo-turno-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:start}
.nuevo-turno-grid h2{margin-top:0;font-size:20px}
.filtros-turno{background:#fff;border:1px solid var(--nd-line);border-radius:16px;padding:20px 22px;position:sticky;top:20px}
.nuevo-turno-grid form.ajax{margin-top:0!important}
.ayuda{margin:6px 0 0;font-size:14px}.ayuda a{display:inline-flex;gap:6px;align-items:center;text-decoration:none;font-weight:600}
.resumen-turno{display:flex;align-items:center;gap:6px;margin:12px 4px;color:var(--nd-muted)}
.resumen-turno b{color:var(--nd-plum);font-size:17px}
.horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0 0 14px}
label.hora{display:flex!important;flex-direction:column;align-items:center;gap:2px;margin:0!important;padding:10px 6px;border:1px solid var(--nd-line);border-radius:10px;background:#fff;cursor:pointer;text-align:center}
label.hora input{position:absolute;opacity:0;pointer-events:none}
label.hora span{font:600 17px var(--nd-display);color:var(--nd-ink)}
label.hora small{font-size:11px;font-weight:400}
label.hora:has(input:checked){background:var(--nd-plum);border-color:var(--nd-plum)}
label.hora:has(input:checked) span,label.hora:has(input:checked) small{color:#fff}
label.hora:hover{border-color:#a9778d}
@media(max-width:900px){.nuevo-turno-grid{grid-template-columns:1fr}.filtros-turno{position:static}.semana{grid-template-columns:1fr}.dia-col{min-height:0}.mes-dia{min-height:58px}.mes-dia span,.mes-dia small{display:none}.mes-dia em.cuantos{display:inline-block;font-style:normal;background:var(--nd-plum);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;align-self:flex-start}}
@media(max-width:520px){.turnos-dia a{grid-template-columns:52px 1fr}.turnos-dia .estado{grid-column:2;text-align:left}}

/* La agenda del dia se lee de arriba hacia abajo: una sola columna */
.con-tabs:not(.tienda-mayorista) ul.menu.turnos-dia{grid-template-columns:1fr;max-width:900px}
ul.menu a .ico{width:15px;height:15px;color:var(--nd-plum);margin-right:2px}

/* Detalle del turno: ficha y acciones */
.ficha{background:#fff;border:1px solid var(--nd-line);border-left:5px solid #c9a35a;border-radius:14px;padding:18px 20px;margin:0 0 14px}
.ficha.est-confirmado{border-left-color:#2f8a5b}.ficha.est-pendiente_confirmacion,.ficha.est-bloqueado{border-left-color:#d4892b}.ficha.est-en_atencion{border-left-color:#3d6fb5}.ficha.est-completado{border-left-color:#9a8f95}
.ficha p{margin:0 0 6px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ficha .ico{color:var(--nd-plum)}
.chip-estado{display:inline-block!important;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--nd-muted)}
.ficha-titulo{font:600 22px/1.25 var(--nd-display)!important;margin:2px 0 10px!important}
.ficha-precio{font:600 20px var(--nd-display)!important;color:var(--nd-plum);margin:8px 0!important}
.ficha-clienta{padding-top:10px;border-top:1px solid var(--nd-line);margin-top:10px!important}
a.chico-boton{min-height:34px;padding:5px 12px;font-size:13px;margin-left:auto}
.acciones-turno{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.acciones-turno form{margin:0}
.sec-accion button{background:#fff;color:var(--nd-plum);border:1px solid var(--nd-line)}
.sec-accion button:hover{background:#fdf9fa}
details.peligro>summary{color:#a31e39}
details.peligro button{background:#a31e39}
ul.historial{padding-left:18px;font-size:13px;color:var(--nd-muted)}
ul.menu.mensajes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
/* Avisos */
ul.avisos{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px;max-width:900px}
ul.avisos li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--nd-line);border-radius:12px;padding:12px 16px}
ul.avisos li span{flex:1}
ul.avisos li .ico{color:#b4a9ae}
ul.avisos li.nuevo{border-left:4px solid var(--nd-plum)}
ul.avisos li.nuevo .ico{color:var(--nd-plum)}
ul.avisos li a{white-space:nowrap;font-weight:600;text-decoration:none}
.cuenta-lateral form.ajax:not(.enlinea){padding:0;margin:8px 0 14px;box-shadow:none;background:none;max-width:none}
@media(max-width:720px){.tabs a{white-space:nowrap;font-size:10.5px;padding:6px 0;letter-spacing:-.01em}.dia-col .libre{display:inline}.dia-col:has(.libre){flex-direction:row;align-items:center;justify-content:space-between}.dia-col:has(.libre) .dia-cab{border:0;padding:0}}

/* Reserva: aire entre el titulo y los pasos */
.flujo-reserva main>h1{margin-bottom:22px!important}
.flow-steps{margin-bottom:34px}
/* Portada de la afiliada: redes, servicios, donde estamos y reseñas */
.brand-meta{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.brand-meta .ico{width:16px;height:16px}
.redes{display:flex;justify-content:center;gap:10px;margin:0 0 22px}
.redes a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--nd-rose);color:var(--nd-plum)}
.redes a:hover{background:var(--nd-plum);color:#fff}
.redes .ico{width:20px;height:20px}
.brand-servicios,.brand-donde{margin-top:34px}
.brand-servicios h2,.brand-donde h2{font-size:26px}
.servicios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.servicios-grid a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:#fff;border-radius:13px;text-decoration:none;color:var(--nd-ink);border:1px solid transparent}
.servicios-grid a:hover{border-color:#d9b8c6;box-shadow:0 10px 26px rgba(71,39,55,.08)}
.servicios-grid a span{color:var(--nd-plum);font-size:14px;font-weight:600}
.ver-todo{margin-top:12px;text-align:right}.ver-todo a{font-weight:700;text-decoration:none}
.sede{display:flex;align-items:center;gap:12px;background:#fff;border-radius:13px;padding:14px 16px;margin:0 0 10px}
.sede span{flex:1}.sede .ico{color:var(--nd-plum)}
.domicilio{color:var(--nd-muted)}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.review p{margin:6px 0 10px}
.review .comilla{font:600 44px/0.6 var(--nd-display);color:#d9b8c6;display:block;margin-top:10px}
.verificada{color:#2f8a5b;font-weight:600}
/* Panel: reseñas */
.review-panel{background:#fff;border:1px solid var(--nd-line);border-radius:12px;padding:14px 16px;margin:0 0 10px}
.review-panel.oculta{opacity:.55}
.review-panel .stars{color:var(--nd-plum)}
.review-panel form{display:inline-block;margin:0 6px 0 0}

/* Barra de la dueña en su propia pagina */
.barra-duena{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 18px;padding:9px 16px;background:#2a1520;color:#f5e9ee;font-size:13px}
.barra-duena span{display:inline-flex;align-items:center;gap:6px;opacity:.85}
.barra-duena a{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;text-decoration:none}
.barra-duena a:hover{text-decoration:underline}
.barra-duena a.ocultar{font-weight:400;opacity:.7}
.barra-duena .ico{width:15px;height:15px}
@media(max-width:600px){.barra-duena span{display:none}}

.barra-duena button.ocultar{background:none;border:0;color:#f5e9ee;opacity:.7;font-size:13px;font-weight:400;min-height:0;padding:0!important;cursor:pointer}
.barra-duena[hidden]{display:none}
.burbuja-duena{position:fixed;left:16px;bottom:16px;z-index:50;width:52px;height:52px;min-height:0;padding:0!important;border-radius:50%;background:#2a1520;box-shadow:0 8px 24px rgba(42,21,32,.3);display:grid;place-items:center}
.burbuja-duena img{width:30px;height:auto}
.burbuja-duena[hidden]{display:none}
/* Clase: lo que se usa en el paso (guia mayorista) */
.clase-productos{max-width:960px;background:#fff;border:1px solid var(--nd-line);border-radius:16px;padding:18px 20px;margin:26px 0}
.cp-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.cp-cab h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:21px}
.cp-cab a{font-weight:700;text-decoration:none;font-size:14px}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.cp-item{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--nd-line);border-radius:12px}
.cp-item img,.cp-sinfoto{width:68px;height:68px;object-fit:cover;border-radius:10px;flex:none;background:var(--nd-rose)}
.cp-item small{display:block;color:var(--nd-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.cp-item b{display:block;font-size:14px;line-height:1.3}
.cp-precio{display:block;color:var(--nd-plum);font-weight:700;margin:3px 0 4px}
.cp-item form{margin:0}
.cp-todo{display:block;margin-top:14px}

/* Marca de agua personal en el reproductor de la tienda mayorista (Plyr) */
.plyr .mm-marca{position:absolute;top:12%;left:8%;z-index:4;pointer-events:none;color:rgba(255,255,255,.5);text-shadow:0 0 2px rgba(0,0,0,.25);letter-spacing:.02em;font:600 clamp(11px,2.2vw,18px)/1.2 system-ui,sans-serif;white-space:nowrap;transition:top 1.5s,left 1.5s}
.plyr:fullscreen .mm-marca{font-size:clamp(16px,1.8vw,30px)}