:root { --vino:#651d32; --oro:#bd944e; --tinta:#241f20; --papel:#f5f2ed; --blanco:#fff; --borde:#ded8d0; }
* { box-sizing:border-box; }
body { margin:0; color:var(--tinta); background:var(--papel); font:16px/1.5 system-ui,-apple-system,sans-serif; }
.lateral { position:fixed; inset:0 auto 0 0; z-index:20; width:280px; display:flex; flex-direction:column; color:white; background:#401421; box-shadow:3px 0 18px #0002; }
.identidad { min-height:112px; padding:20px; display:flex; align-items:center; gap:13px; background:var(--vino); }.nombre-entidad { display:flex; flex-direction:column; }.escudo { flex:0 0 auto; width:60px; height:60px; padding:4px; object-fit:contain; border-radius:50%; background:white; }.marca { font-family:Georgia,serif; font-size:1.05rem; line-height:1.2; }.identidad small { margin-top:4px; opacity:.72; }
.navegacion { flex:1; overflow-y:auto; padding:18px 12px; }.navegacion a { display:flex; align-items:center; gap:12px; margin:3px 0; padding:10px 12px; border-radius:7px; color:#f7edf0; text-decoration:none; }.navegacion a span { width:20px; text-align:center; color:#dfbb78; }.navegacion a:hover,.navegacion a.activo { background:#ffffff17; }.navegacion .principal { font-weight:700; }.grupo-menu { margin-top:22px; }.grupo-menu summary { display:flex; align-items:center; justify-content:space-between; margin:0 12px 7px; color:#c99daf; font-size:.7rem; font-weight:800; letter-spacing:.12em; cursor:pointer; list-style:none; user-select:none; }.grupo-menu summary::-webkit-details-marker { display:none; }.grupo-menu summary:hover { color:#efdce3; }.grupo-menu .indicador::before { content:"+"; color:#dfbb78; font-size:1rem; line-height:1; }.grupo-menu[open] .indicador::before { content:"−"; }.submenu { padding-left:8px; }.administracion { border-top:1px solid #ffffff1c; padding-top:15px; }.administracion p { margin:0 12px 7px; color:#c99daf; font-size:.7rem; font-weight:800; letter-spacing:.12em; }
.usuario-menu { padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid #ffffff1c; background:#35101b; }.usuario-menu div { display:flex; flex-direction:column; }.usuario-menu small { color:#cbaeb7; }.enlace { padding:7px; color:white; background:none; border:0; cursor:pointer; }
.area-principal { margin-left:280px; min-height:100vh; }.contenedor { max-width:1180px; margin:auto; padding:32px 26px 60px; }.titulo,.seccion-titulo { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.control-menu,.barra-movil,.fondo-menu { display:none; }
h1,h2,h3,p { margin-top:0; } h1 { font:2.35rem/1.1 Georgia,serif; margin:.2rem 0; }.titulo small { color:var(--vino); font-weight:800; letter-spacing:.12em; }
.boton { display:inline-block; border:0; border-radius:8px; padding:12px 18px; color:white; background:var(--vino); text-decoration:none; font-weight:700; cursor:pointer; }
.boton.secundario { background:#74515c; }.boton.claro { color:var(--vino); background:#e9e1e3; }
.enlace { color:white; background:none; border:0; cursor:pointer; }
.metricas { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:32px 0; }.metricas article { padding:22px; border:1px solid var(--borde); border-radius:12px; background:white; }.metricas span { display:block; font:2rem Georgia,serif; }.metricas small { color:#6c6460; }.metricas .alerta { border-color:#d99a52; background:#fff7e8; }
.catalogo { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.producto,.vacio,.login { overflow:hidden; border:1px solid var(--borde); border-radius:12px; background:white; }.producto img,.sin-foto { width:100%; height:180px; object-fit:cover; }.sin-foto { display:grid; place-items:center; color:#8a817d; background:#ebe6df; }.producto>div:not(.sin-foto) { padding:18px; }.producto h3 { margin:.2rem 0; }.producto p { margin:5px 0 0; color:#6c6460; }
.vacio { grid-column:1/-1; padding:38px; text-align:center; }.login { max-width:440px; margin:8vh auto; padding:32px; text-align:center; }.escudo-login { width:132px; height:132px; object-fit:contain; margin:0 auto 16px; }.formulario { display:grid; gap:18px; text-align:left; }.formulario label { display:grid; gap:6px; font-weight:700; }.formulario input { width:100%; padding:12px; border:1px solid var(--borde); border-radius:7px; font-size:1rem; }.error { padding:10px; color:#8e1c1c; background:#fee; border-radius:6px; }
.mensajes { position:fixed; z-index:50; top:18px; right:18px; width:min(440px,calc(100vw - 36px)); display:grid; gap:10px; }.mensaje { padding:15px 14px 15px 18px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; color:#205b37; background:#e6f7ec; border:1px solid #a5d8b5; border-radius:10px; box-shadow:0 5px 18px #0002; opacity:1; transform:translateY(0); transition:opacity .45s ease,transform .45s ease; }.mensaje.error { color:#842929; background:#fee9e9; border-color:#e7adad; }.mensaje.warning { color:#745014; background:#fff2cf; border-color:#e5cf91; }.mensaje-saliendo { opacity:0; transform:translateY(-12px); pointer-events:none; }.cerrar-mensaje { flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; color:currentColor; background:#0000000b; font:1.45rem/1 system-ui; cursor:pointer; }.cerrar-mensaje:hover { background:#00000016; }
.buscador { max-width:560px; margin:28px 0 16px; display:flex; gap:8px; }.campo { width:100%; min-height:43px; padding:9px 11px; border:1px solid #cfc7bf; border-radius:7px; color:var(--tinta); background:white; font:inherit; }.tabla-contenedor { margin-top:28px; overflow-x:auto; border:1px solid var(--borde); border-radius:11px; background:white; }table { width:100%; border-collapse:collapse; }th,td { padding:14px 16px; border-bottom:1px solid #ece7e1; text-align:left; white-space:nowrap; }th { color:#716761; background:#faf8f5; font-size:.75rem; letter-spacing:.05em; text-transform:uppercase; }tbody tr:last-child td { border-bottom:0; }td a { color:var(--vino); font-weight:700; }.articulo-celda { display:flex; align-items:center; gap:10px; }.abrir-foto { padding:0; border:0; border-radius:6px; background:none; cursor:zoom-in; }.articulo-celda img { display:block; width:42px; height:42px; object-fit:cover; border-radius:6px; }.abrir-foto:hover img,.abrir-foto:focus-visible img { outline:3px solid #bd944e88; outline-offset:2px; }.estado { display:inline-block; padding:4px 9px; border-radius:99px; background:#ece8e2; font-size:.85rem; }.estado.bajo { color:#8e351c; background:#ffe5d8; }.vacio-tabla { padding:42px; color:#786f6a; text-align:center; }
.visor-foto { position:relative; max-width:min(900px,92vw); max-height:92vh; padding:14px; border:0; border-radius:12px; color:white; background:#241f20; box-shadow:0 20px 60px #0008; }.visor-foto::backdrop { background:#150a0dcc; backdrop-filter:blur(3px); }.visor-foto img { display:block; max-width:calc(92vw - 28px); max-height:calc(88vh - 70px); margin:auto; object-fit:contain; border-radius:7px; }.visor-foto p { margin:10px 42px 0; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; }.cerrar-visor { position:absolute; z-index:2; top:8px; right:8px; width:38px; height:38px; border:0; border-radius:50%; color:white; background:#000b; font-size:1.7rem; line-height:1; cursor:pointer; }
.nota-informativa { margin-top:24px; padding:14px 17px; color:#594b3c; background:#fff8e9; border:1px solid #e6d3aa; border-radius:8px; }.positivo { color:#237344; }.negativo { color:#a13636; }
.estado.borrador { color:#765014; background:#fff0c9; }.estado-autoguardado { display:inline-block; margin-top:8px; padding:5px 9px; border-radius:99px; color:#376246; background:#e6f4ea; font-size:.82rem; }.estado-autoguardado.error-guardado { color:#8b3030; background:#fee7e7; }.acciones-tabla { display:flex; align-items:center; gap:10px; }.acciones-tabla form { margin:0; }.acciones-tabla button { padding:0; border:0; color:#9c3030; background:none; font:inherit; font-weight:700; cursor:pointer; }
.enlace-factura { color:var(--vino); font-weight:800; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }.enlace-factura:hover { color:#9b2b4f; }.boton.peligro { margin-right:auto; color:#8b2020; background:#fff; border:1px solid #d9a1a1; }.boton.peligro:hover { color:#fff; background:#9c3030; border-color:#9c3030; }
.cabecera-ordenable { padding:6px; }.orden-tabla { min-width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 11px; border:1px solid #d8cec7; border-radius:6px; color:#514742; background:#fff; text-decoration:none; cursor:pointer; box-shadow:0 1px 2px #0001; }.orden-tabla span { color:#8f7d73; font-size:.9rem; }.orden-tabla:hover,.orden-tabla:focus-visible { color:var(--vino); border-color:var(--oro); background:#fff8ed; }.orden-tabla.seleccionado { color:white; border-color:var(--vino); background:var(--vino); }.orden-tabla.seleccionado span { color:#f3d99f; }
.portada { min-height:calc(100vh - 92px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:35px 20px 80px; text-align:center; }.portada img { width:min(320px,62vw); max-height:42vh; object-fit:contain; filter:drop-shadow(0 10px 16px #3c172322); }.portada .saludo { margin:28px 0 4px; color:var(--vino); font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.portada h1 { max-width:650px; margin:0; }.portada>p:last-child { margin-top:13px; color:#756b66; font-size:1.08rem; }
.tarjeta { margin-top:24px; padding:24px; border:1px solid var(--borde); border-radius:11px; background:white; }.formulario-erp { max-width:950px; }.rejilla-formulario { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.rejilla-formulario label { display:flex; flex-direction:column; gap:6px; font-weight:700; }.rejilla-formulario label:has(input[type=checkbox]) { flex-direction:row; align-items:center; }.rejilla-formulario input[type=checkbox] { width:auto; }.ancho-completo { grid-column:1/-1; }.error-campo,.errorlist { color:#a12626; font-size:.86rem; }.acciones { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.campo-adjunto { padding-top:18px; display:flex; align-items:center; flex-wrap:wrap; gap:16px; border-top:1px solid var(--borde); }.campo-adjunto>div:first-child { min-width:155px; display:flex; flex-direction:column; }.campo-adjunto>div:first-child span { color:#786f6a; font-size:.84rem; }.campo-adjunto>div:first-child .tamano-adjunto { margin-top:3px;color:var(--vino);font-weight:700; }.vista-adjunto { display:flex; align-items:center; gap:9px; padding:6px 11px 6px 6px; border:1px solid #d2c8c1; border-radius:8px; color:var(--vino); background:#faf8f5; font:inherit; font-weight:700; cursor:zoom-in; }.vista-adjunto img,.icono-pdf { width:48px; height:48px; object-fit:cover; display:grid; place-items:center; border-radius:5px; }.icono-pdf { color:white; background:#a72c32; font-size:.72rem; }.selector-adjunto { position:relative; display:inline-flex !important; flex-direction:row !important; align-items:center; overflow:hidden; padding:9px 13px; border:1px solid #cfc7bf; border-radius:7px; color:var(--vino); background:white; cursor:pointer; }.selector-adjunto input { position:absolute; width:1px; height:1px; opacity:0; }.eliminar-adjunto { padding:9px 13px; border:1px solid #dda9a9; border-radius:7px; color:#982b2b; background:#fff; font:inherit; font-weight:700; cursor:pointer; }.eliminar-adjunto:hover { color:white; background:#982b2b; }.visor-adjunto { width:min(1100px,94vw); height:min(900px,92vh); padding:14px; border:0; border-radius:12px; background:#241f20; box-shadow:0 20px 60px #0008; }.visor-adjunto::backdrop { background:#150a0ddd; backdrop-filter:blur(3px); }.visor-adjunto img,.visor-adjunto iframe { width:100%; height:100%; border:0; object-fit:contain; background:white; border-radius:7px; }.visor-adjunto [hidden] { display:none; }
.lineas { display:grid; gap:10px; }.linea { display:grid; grid-template-columns:minmax(240px,2fr) minmax(85px,.55fr) minmax(125px,.75fr) minmax(85px,.5fr) minmax(110px,.7fr) 75px; align-items:center; gap:10px; }.cabecera-linea { color:#786e68; font-size:.75rem; font-weight:800; text-transform:uppercase; }.eliminar { display:flex; gap:5px; align-items:center; color:#8b5555; font-size:.82rem; }.total-linea { padding:10px 4px; font-weight:800; text-align:right; }.ayuda-campo { margin-top:-8px; color:#786f6a; }.resumen-factura { width:min(430px,100%); margin:26px 0 0 auto; padding-top:12px; border-top:1px solid var(--borde); }.resumen-factura div { display:flex; justify-content:space-between; gap:20px; padding:6px 0; }.resumen-factura .gran-total { margin-top:5px; padding-top:12px; border-top:2px solid var(--vino); color:var(--vino); font-size:1.15rem; }
.vista-adjunto[hidden] { display:none; }
.linea-venta { grid-template-columns:minmax(240px,2fr) minmax(85px,.55fr) minmax(125px,.75fr) minmax(110px,.7fr) 75px; }
.selector-oculto { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden; clip:rect(0,0,0,0); }.autocompletar { position:relative; min-width:0; }.buscador-articulo.seleccion-invalida { border-color:#b62f2f; background:#fff5f5; }.resultados-articulos { position:absolute; z-index:40; top:calc(100% + 3px); right:0; left:0; max-height:360px; overflow-y:auto; border-radius:7px; background:white; box-shadow:0 8px 24px #2c172333; }.resultados-articulos:not(:empty) { border:1px solid #cfc7bf; }.resultados-articulos button { width:100%; min-height:62px; padding:7px 10px; display:flex; align-items:center; gap:11px; border:0; border-bottom:1px solid #eee8e2; color:var(--tinta); background:white; text-align:left; cursor:pointer; }.resultados-articulos button:hover,.resultados-articulos button:focus { color:var(--vino); background:#f7edef; }.miniatura-resultado { flex:0 0 auto; width:48px; height:48px; object-fit:cover; border-radius:6px; background:#eee8e2; }.miniatura-resultado.sin-imagen { display:grid; place-items:center; color:#a39187; }.datos-resultado { min-width:0; display:flex; flex-direction:column; }.datos-resultado strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.datos-resultado small { margin-top:3px; color:#7b716b; }.resultados-articulos p { margin:0; padding:12px; color:#7b716b; }
@media (max-width:900px) { .barra-movil { position:sticky; top:0; z-index:15; min-height:58px; padding:10px 15px; display:flex; align-items:center; gap:14px; color:white; background:var(--vino); font-family:Georgia,serif; }.boton-menu { display:grid; width:38px; height:38px; place-items:center; border-radius:6px; font:1.45rem system-ui; cursor:pointer; background:#ffffff18; }.lateral { transform:translateX(-105%); transition:transform .22s ease; }.area-principal { margin-left:0; }.fondo-menu { position:fixed; inset:0; z-index:18; background:#0008; }.control-menu:checked ~ .lateral { transform:translateX(0); }.control-menu:checked ~ .fondo-menu { display:block; } }
@media (max-width:760px) { .contenedor { padding:24px 15px 40px; }.titulo { align-items:flex-start; flex-direction:column; }.metricas { grid-template-columns:repeat(2,1fr); }.catalogo { grid-template-columns:1fr 1fr; } h1 { font-size:1.9rem; } }
@media (max-width:480px) { .catalogo { grid-template-columns:1fr; }.metricas article { padding:16px; } }
@media (max-width:700px) { .rejilla-formulario { grid-template-columns:1fr; }.ancho-completo { grid-column:auto; }.linea { padding:12px; grid-template-columns:1fr 1fr; border:1px solid var(--borde); border-radius:8px; }.cabecera-linea { display:none; }.linea .autocompletar { grid-column:1/-1; }.total-linea { text-align:left; }.acciones { position:sticky; bottom:0; padding:12px 0; background:var(--papel); }.tarjeta { padding:17px; } }

/* Rediseño ERP 2026 */
:root { --vino:#86131f; --vino-oscuro:#650d17; --oro:#b98b42; --carbon:#151515; --carbon-2:#1d1e1e; --tinta:#282522; --papel:#f7f5f1; --borde:#e4ded6; }
.iconos-svg { position:absolute; width:0; height:0; overflow:hidden; }.app-erp { background:#fff; }.app-erp svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.app-erp .lateral { z-index:30; width:272px; color:#fff; background:linear-gradient(180deg,#121313,#191a1a); box-shadow:5px 0 24px #0002; transition:width .24s ease,transform .24s ease; }
.app-erp .identidad { min-height:206px; padding:19px 18px 16px; flex-direction:column; justify-content:center; gap:8px; text-align:center; background:linear-gradient(180deg,#101111,#171818); border-bottom:1px solid #ffffff10; overflow:hidden; }
.app-erp .escudo { width:122px; height:122px; padding:0; border-radius:0; background:transparent; object-fit:contain; filter:drop-shadow(0 6px 8px #0008); transition:width .24s,height .24s; }
.app-erp .nombre-entidad { align-items:center; min-width:225px; }.app-erp .marca { font:700 .77rem/1.25 system-ui,sans-serif; letter-spacing:.04em; text-transform:uppercase; }.app-erp .identidad small { color:#d0cbc4; font-size:.7rem; }
.fijar-menu { position:absolute; top:10px; right:10px; width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:7px; color:#c7a365; background:#ffffff09; cursor:pointer; }.fijar-menu:hover,.fijar-menu[aria-pressed=true] { color:#fff; background:var(--vino); }.fijar-menu svg { width:17px;height:17px; }
.app-erp .navegacion { padding:14px 9px; }.app-erp .navegacion a { min-height:45px; margin:4px 0; padding:10px 13px; gap:13px; border-radius:7px; color:#eee; white-space:nowrap; overflow:hidden; }.app-erp .navegacion a svg { flex:0 0 22px; color:#d5a853; }.app-erp .navegacion a span { width:auto; color:inherit; text-align:left; }.app-erp .navegacion a:hover { background:#ffffff0d; }.app-erp .navegacion a.activo { color:#fff; background:linear-gradient(90deg,var(--vino),#9d1522); box-shadow:inset 3px 0 var(--oro); }.app-erp .navegacion a.activo svg { color:#fff; }
.app-erp .grupo-menu { margin-top:15px; }.app-erp .grupo-menu summary { margin:0 13px 6px; color:#d6aa57; }.app-erp .submenu { padding-left:0; }.app-erp .administracion { margin-top:14px; }.app-erp .administracion p { color:#d6aa57; }
.app-erp .usuario-menu { min-height:68px; padding:12px 15px; background:#101111; overflow:hidden; }.app-erp .usuario-menu div { min-width:150px; }.app-erp .usuario-menu .enlace { display:flex; align-items:center; gap:7px; }.app-erp .usuario-menu .enlace svg { width:19px;height:19px;color:#d6aa57; }
.cabecera-app { position:fixed; z-index:18; top:0; right:0; left:272px; height:72px; display:flex; align-items:center; gap:18px; padding:0 28px; color:#171717; background:#fffc; border-bottom:1px solid #ebe6df; backdrop-filter:blur(12px); transition:left .24s ease; }.cabecera-app .boton-menu { display:none; }.cabecera-marca { display:flex; flex-direction:column; }.cabecera-marca strong { font:1.45rem/1.1 Georgia,serif; }.cabecera-marca small { color:#8a8178;font-size:.75rem; }.cabecera-usuario { margin-left:auto; display:flex; align-items:center; gap:12px; }.cabecera-usuario>div { display:flex; flex-direction:column; text-align:right; }.cabecera-usuario small { color:#827b75; }.avatar { width:42px;height:42px;display:grid;place-items:center;border:1px solid #dccba9;border-radius:50%;color:var(--vino);background:#f8f2e8;font-weight:800; }
.app-erp .area-principal { min-height:100vh; margin-left:272px; padding-top:72px; background:#fff; transition:margin-left .24s ease; }.app-erp .contenedor { max-width:1500px; padding:28px 30px 60px; }.app-erp .titulo h1,.app-erp .tarjeta h2,.app-erp .panel-inicio h2 { font-family:system-ui,-apple-system,sans-serif; }.app-erp .titulo h1 { font-size:2rem;font-weight:750;letter-spacing:-.025em; }.app-erp .tarjeta,.app-erp .tabla-contenedor { box-shadow:0 6px 22px #3c2b1f0a; }.app-erp tbody tr { transition:background .15s; }.app-erp tbody tr:hover { background:#fcf9f4; }
@media (min-width:901px) {
  .app-erp.menu-replegado .lateral { width:76px; }.app-erp.menu-replegado .lateral:hover { width:272px; }.app-erp.menu-replegado .area-principal { margin-left:76px; }.app-erp.menu-replegado .cabecera-app { left:76px; }
  .app-erp.menu-replegado .lateral:not(:hover) .identidad { min-height:88px;padding:12px 8px; }.app-erp.menu-replegado .lateral:not(:hover) .escudo { width:54px;height:64px; }.app-erp.menu-replegado .lateral:not(:hover) .nombre-entidad,.app-erp.menu-replegado .lateral:not(:hover) .fijar-menu,.app-erp.menu-replegado .lateral:not(:hover) .grupo-menu summary,.app-erp.menu-replegado .lateral:not(:hover) .administracion p,.app-erp.menu-replegado .lateral:not(:hover) .navegacion a span,.app-erp.menu-replegado .lateral:not(:hover) .usuario-menu div,.app-erp.menu-replegado .lateral:not(:hover) .usuario-menu .enlace span { opacity:0;pointer-events:none; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion { padding:12px 9px; }.app-erp.menu-replegado .lateral:not(:hover) .navegacion a { justify-content:center;padding:10px; }.app-erp.menu-replegado .lateral:not(:hover) .grupo-menu { margin-top:8px; }.app-erp.menu-replegado .lateral:not(:hover) .usuario-menu { justify-content:center;padding:10px; }
  .app-erp.menu-replegado .lateral:not(:hover) .grupo-menu summary,.app-erp.menu-replegado .lateral:not(:hover) .administracion p { display:none; }.app-erp.menu-replegado .lateral:not(:hover) .grupo-menu,.app-erp.menu-replegado .lateral:not(:hover) .administracion { margin-top:0;padding-top:0;border-top:0; }.app-erp.menu-replegado .lateral:not(:hover) .navegacion a { width:56px;height:48px;margin:5px auto; }.app-erp.menu-replegado .lateral:not(:hover) .navegacion a svg { width:23px;height:23px; }.app-erp.menu-replegado .lateral:not(:hover) .navegacion a.activo { border-radius:9px;box-shadow:inset 3px 0 var(--oro); }.app-erp.menu-replegado .lateral:not(:hover) .submenu { padding:0; }.app-erp.menu-replegado .lateral:not(:hover) .usuario-menu .enlace svg { width:22px;height:22px; }
}

.rejilla-secretaria { margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.rejilla-secretaria>a { min-height:125px;padding:22px;display:flex;align-items:center;gap:17px;border:1px solid var(--borde);border-radius:12px;color:var(--tinta);background:#fff;text-decoration:none;box-shadow:0 6px 22px #3c2b1f0a;transition:.18s; }
.rejilla-secretaria>a:hover { border-color:#d1ae6d;background:#fffaf3;transform:translateY(-2px); }
.rejilla-secretaria svg { flex:0 0 42px;width:42px;height:42px;color:var(--oro); }
.rejilla-secretaria div { display:flex;flex-direction:column;gap:5px; }.rejilla-secretaria strong { font-size:1rem; }.rejilla-secretaria span { color:#776f69;font-size:.86rem;line-height:1.35; }
.modulo-preparacion { max-width:780px;padding:34px; }.modulo-preparacion h2 { margin:15px 0 8px; }.modulo-preparacion p { max-width:680px;color:#6f6761;line-height:1.65; }
.sello-preparacion { display:inline-block;padding:5px 10px;border-radius:99px;color:#765516;background:#f6ead3;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em; }
@media (max-width:1050px) { .rejilla-secretaria { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .rejilla-secretaria { grid-template-columns:1fr; }.rejilla-secretaria>a { min-height:100px; } }
.formulario-hermano { max-width:1050px; }.formulario-hermano .tarjeta h2 { margin:0 0 20px;font-size:1.1rem;color:var(--vino); }.formulario-hermano label small { color:#7b736d;font-weight:400;line-height:1.35; }.formulario-hermano abbr { color:var(--vino);text-decoration:none; }.aviso-privacidad { margin:18px 3px;color:#706861;font-size:.85rem; }.buscador-hermanos { max-width:850px; }.buscador-hermanos select { max-width:150px; }
@media (max-width:600px) { .buscador-hermanos { flex-wrap:wrap; }.buscador-hermanos select { max-width:none; }.buscador-hermanos .boton { width:100%; } }

/* Tabletas y otros dispositivos táctiles, también en orientación horizontal */
@media (hover:none) and (pointer:coarse) {
  .app-erp .lateral,
  .app-erp.menu-replegado .lateral,
  .app-erp.menu-fijado .lateral { width:272px; transform:translateX(-105%); }
  .app-erp .area-principal,
  .app-erp.menu-replegado .area-principal,
  .app-erp.menu-fijado .area-principal { margin-left:0; padding-top:62px; }
  .cabecera-app,
  .app-erp.menu-replegado .cabecera-app,
  .app-erp.menu-fijado .cabecera-app { left:0; height:62px; padding:0 18px; }
  .cabecera-app .boton-menu { flex:0 0 40px; width:40px; height:40px; display:grid; place-items:center; border-radius:7px; color:#fff; background:var(--vino); cursor:pointer; }
  .fijar-menu { display:none; }
  .app-erp.menu-replegado .lateral::after { display:none; }
  .app-erp.menu-replegado .lateral:not(:hover) .identidad { min-height:206px; padding:19px 18px 16px; }
  .app-erp.menu-replegado .lateral:not(:hover) .escudo { width:122px; height:122px; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion,
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu,
  .app-erp.menu-replegado .lateral:not(:hover) .identidad > * { visibility:visible; }
  .app-erp.menu-replegado .lateral:not(:hover) .grupo-menu summary,
  .app-erp.menu-replegado .lateral:not(:hover) .administracion p { display:flex; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion { padding:14px 9px; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion a { width:auto; height:auto; min-height:45px; margin:4px 0; padding:10px 13px; justify-content:flex-start; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion a span,
  .app-erp.menu-replegado .lateral:not(:hover) .grupo-menu summary,
  .app-erp.menu-replegado .lateral:not(:hover) .administracion p,
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu div,
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu .enlace span { opacity:1; pointer-events:auto; }
  .control-menu:checked ~ .lateral,
  .app-erp.menu-replegado .control-menu:checked ~ .lateral,
  .app-erp.menu-fijado .control-menu:checked ~ .lateral { transform:translateX(0); }
  .control-menu:checked ~ .fondo-menu { display:block; }
}

/* Inicio / BI */
.inicio-erp { display:grid; gap:20px; }.hero-inicio { min-height:285px; display:grid; grid-template-columns:minmax(330px,42%) 1fr; overflow:hidden; border:1px solid #e6ddd1; border-radius:14px; background:#f7f2ea; box-shadow:0 10px 32px #4a342010; }.hero-inicio picture { min-width:0; }.hero-inicio picture img { width:100%;height:100%;display:block;object-fit:cover;object-position:center; }.hero-texto { position:relative; z-index:1; padding:42px 38px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(90deg,#faf7f1 88%,transparent); }.hero-texto:after { content:"";position:absolute;z-index:-1;inset:0 -90px 0 0;background:linear-gradient(90deg,#faf7f1 65%,transparent); }.hero-texto .cruz-ornamental { color:var(--oro);font-size:2.3rem; }.hero-texto p { margin:8px 0 3px;font:1.35rem Georgia,serif; }.hero-texto h1 { max-width:440px;margin:0;color:var(--vino);font:2.35rem/1.08 Georgia,serif; }.hero-texto small { margin-top:20px;color:#806e58;font-family:Georgia,serif;font-style:italic; }
.kpis-inicio { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }.kpis-inicio article { min-height:106px;padding:18px 20px;display:flex;align-items:center;gap:17px;border:1px solid #e9e3dc;border-radius:12px;background:#fff;box-shadow:0 6px 20px #3928140b; }.kpi-icono { flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--oro);background:#faf6ef;border:1px solid #eee2d0; }.kpi-icono svg { width:27px;height:27px; }.kpis-inicio article>div { display:flex;flex-direction:column; }.kpis-inicio strong { font:2rem/1 Georgia,serif; }.kpis-inicio article>div span { margin-top:7px;color:#69615b; }.kpis-inicio .kpi-alerta .kpi-icono,.kpis-inicio .kpi-alerta article>span { color:#c17316;background:#fff7e8; }
.resumen-hermanos-inicio .panel-cabecera>div { display:flex;align-items:baseline;gap:10px; }.resumen-hermanos-inicio .panel-cabecera>div span { color:#837a73;font-size:.78rem; }.estadisticas-hermanos { padding:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px; }.estadisticas-hermanos article { min-width:0;padding:14px;display:flex;align-items:center;gap:11px;border:1px solid #ece5dd;border-radius:9px;background:#fdfbf8; }.estadistica-hermano-icono { flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--vino);background:#f6ecef; }.estadistica-hermano-icono svg { width:19px;height:19px; }.estadisticas-hermanos article>div { min-width:0;display:flex;flex-direction:column; }.estadisticas-hermanos strong { font:1.55rem/1 Georgia,serif; }.estadisticas-hermanos article>div span { margin-top:5px;overflow:hidden;color:#756d67;font-size:.75rem;text-overflow:ellipsis; }.estadisticas-hermanos .estadistica-pendiente { border-color:#eadbbd;background:#fffaf0; }.estadisticas-hermanos .estadistica-pendiente .estadistica-hermano-icono { color:#a66d18;background:#fff0cf; }
.paneles-inicio { display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.9fr);gap:20px;align-items:start; }.columna-inicio { display:grid;gap:20px; }.panel-inicio { overflow:hidden;border:1px solid #e8e2db;border-radius:12px;background:#fff;box-shadow:0 6px 20px #3928140b; }.panel-inicio h2 { margin:0;font-size:1rem; }.panel-cabecera { min-height:53px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee8e1; }.panel-cabecera a { color:var(--vino);font-size:.82rem;font-weight:700;text-decoration:none; }.accesos-inicio { padding:18px; }.accesos-inicio h2 { margin-bottom:15px; }.accesos-inicio>div { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }.accesos-inicio a { min-height:112px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #e7dfd6;border-radius:9px;color:#332e2a;text-align:center;text-decoration:none;transition:.18s; }.accesos-inicio a:hover { color:var(--vino);border-color:#d4b477;background:#fffaf1;transform:translateY(-2px); }.accesos-inicio svg { width:31px;height:31px;color:var(--oro); }.avisos-inicio .tabla-contenedor { margin:0;border:0;border-radius:0;box-shadow:none; }.actividad-inicio { min-height:100%; }.lista-actividad article { min-height:72px;padding:12px 17px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid #f0ebe5; }.lista-actividad article:last-child { border:0; }.actividad-icono { width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--oro);background:#faf5ed; }.actividad-icono svg { width:19px;height:19px; }.lista-actividad article div { min-width:0;display:flex;flex-direction:column; }.lista-actividad article strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem; }.lista-actividad article span { color:#807870;font-size:.78rem; }.lista-actividad time { color:#918981;font-size:.72rem; }.actividad-vacia { padding:25px;color:#817870; }

/* Acceso */
.pagina-acceso { min-height:100vh;background:#111; }.pagina-acceso .contenedor { max-width:none;padding:0; }.login-nuevo { min-height:100vh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(380px,.55fr);background:#fff; }.login-imagen { position:relative;overflow:hidden; }.login-imagen>img { position:absolute;width:100%;height:100%;object-fit:cover; }.login-imagen:after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0002,#0001 45%,#0009),linear-gradient(0deg,#0008,transparent 55%); }.login-imagen>div { position:absolute;z-index:1;left:7%;bottom:10%;color:white;text-shadow:0 2px 15px #000; }.login-imagen span { color:#d8ad61;font-size:2.6rem; }.login-imagen h1 { margin:5px 0;font:3.3rem/1.02 Georgia,serif; }.login-imagen p { color:#dfc99f;font:italic 1.1rem Georgia,serif; }.login-panel { padding:50px clamp(35px,5vw,82px);display:flex;flex-direction:column;justify-content:center;text-align:center;background:#faf8f4; }.login-panel .escudo-login { width:170px;height:170px;margin:0 auto 22px;filter:drop-shadow(0 7px 10px #0002); }.login-panel h2 { margin:0;font:2rem Georgia,serif; }.login-panel>p { color:#746c65; }.login-panel .formulario { margin-top:18px; }.login-panel .boton { width:100%;margin-top:5px; }

@media (max-width:1100px) { .hero-inicio { grid-template-columns:42% 58%; }.hero-texto { padding:30px 26px; }.hero-texto h1 { font-size:1.9rem; }.estadisticas-hermanos { grid-template-columns:repeat(3,1fr); }.paneles-inicio { grid-template-columns:1fr; }.actividad-inicio { min-height:auto; }.login-nuevo { grid-template-columns:1fr 420px; } }
@media (max-width:900px) {
  .app-erp .lateral { width:272px;transform:translateX(-105%); }.app-erp .area-principal { margin-left:0;padding-top:62px; }.cabecera-app { left:0;height:62px;padding:0 15px; }.cabecera-app .boton-menu { flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--vino);cursor:pointer; }.cabecera-marca strong { font-size:1.12rem; }.cabecera-marca small,.cabecera-usuario>div { display:none; }.control-menu:checked ~ .lateral { transform:translateX(0); }.control-menu:checked ~ .fondo-menu { display:block; }.fijar-menu { display:none; }.app-erp .contenedor { padding:20px 16px 45px; }
  .hero-inicio { min-height:360px;grid-template-columns:1fr;grid-template-rows:auto 210px; }.hero-texto { padding:24px 25px;background:#faf7f1; }.hero-texto:after { display:none; }.hero-texto h1 { font-size:1.8rem; }.hero-inicio picture { grid-row:2; }.kpis-inicio { grid-template-columns:repeat(2,1fr); }.login-nuevo { grid-template-columns:1fr; }.login-imagen { min-height:310px; }.login-panel { padding:38px 25px 55px; }.login-imagen h1 { font-size:2.4rem; }
}
@media (max-width:600px) { .cabecera-marca strong { font-size:1rem; }.kpis-inicio { gap:10px; }.kpis-inicio article { min-height:88px;padding:13px;gap:10px; }.kpi-icono { width:42px;height:42px;flex-basis:42px; }.kpis-inicio strong { font-size:1.6rem; }.kpis-inicio article>div span { font-size:.78rem; }.resumen-hermanos-inicio .panel-cabecera>div span { display:none; }.estadisticas-hermanos { grid-template-columns:repeat(2,1fr);padding:11px;gap:8px; }.estadisticas-hermanos article { padding:11px 9px;gap:8px; }.estadistica-hermano-icono { width:34px;height:34px;flex-basis:34px; }.accesos-inicio>div { grid-template-columns:repeat(2,1fr); }.hero-texto p { font-size:1rem; }.hero-texto h1 { font-size:1.55rem; }.paneles-inicio { gap:14px; }.login-imagen { min-height:250px; }.login-panel .escudo-login { width:130px;height:130px; } }

/* Menú de escritorio realmente ocultable: solo deja una pestaña de activación */
@media (min-width:901px) {
  .app-erp.menu-replegado .lateral { width:272px; transform:translateX(-260px); overflow:visible; }
  .app-erp.menu-replegado .lateral:hover { width:272px; transform:translateX(0); }
  .app-erp.menu-replegado .area-principal { margin-left:12px; }
  .app-erp.menu-replegado .cabecera-app { left:12px; }
  .app-erp.menu-replegado .lateral:not(:hover) .identidad { min-height:206px; padding:19px 18px 16px; }
  .app-erp.menu-replegado .lateral:not(:hover) .escudo { width:122px; height:122px; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion,
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu,
  .app-erp.menu-replegado .lateral:not(:hover) .identidad > * { visibility:hidden; }
  .app-erp.menu-replegado .lateral::after { content:""; position:absolute; top:calc(50% - 42px); right:0; width:12px; height:84px; border-radius:0 6px 6px 0; background:linear-gradient(180deg,var(--oro),#8b642d); box-shadow:3px 0 10px #0003; }
  .app-erp.menu-replegado .lateral:hover::after { opacity:0; pointer-events:none; }
}

/* Esta regla debe ir al final: en iPad horizontal prevalece sobre el modo escritorio */
@media (hover:none) and (pointer:coarse) {
  .app-erp .lateral,.app-erp.menu-replegado .lateral,.app-erp.menu-fijado .lateral { width:272px;transform:translateX(-105%); }
  .app-erp .area-principal,.app-erp.menu-replegado .area-principal,.app-erp.menu-fijado .area-principal { margin-left:0;padding-top:62px; }
  .cabecera-app,.app-erp.menu-replegado .cabecera-app,.app-erp.menu-fijado .cabecera-app { left:0;height:62px; }
  .cabecera-app .boton-menu { display:grid; }
  .app-erp.menu-replegado .lateral::after { display:none; }
  .fondo-menu { position:fixed;z-index:29;inset:0;display:none;background:#0008;cursor:pointer;-webkit-tap-highlight-color:transparent; }
  .app-erp.menu-replegado .control-menu:checked ~ .lateral,.app-erp.menu-fijado .control-menu:checked ~ .lateral,.control-menu:checked ~ .lateral { transform:translateX(0); }
  .control-menu:checked ~ .fondo-menu { display:block; }
}

/* En tablet mantenemos la composición de escritorio, cambiando solo la apertura del menú */
@media (hover:none) and (pointer:coarse) and (min-width:768px) {
  .app-erp .contenedor { max-width:1500px;padding:28px 30px 60px; }
  .cabecera-marca small,.cabecera-usuario>div { display:flex; }
  .hero-inicio { min-height:285px;grid-template-columns:42% 58%;grid-template-rows:1fr; }
  .hero-inicio picture { grid-row:auto; }
  .hero-texto { padding:30px 26px;background:linear-gradient(90deg,#faf7f1 88%,transparent); }
  .hero-texto:after { display:block; }
  .hero-texto h1 { font-size:1.9rem; }
  .kpis-inicio { grid-template-columns:repeat(4,1fr); }

  .app-erp.menu-replegado .lateral:not(:hover) .identidad { min-height:206px;padding:19px 18px 16px; }
  .app-erp.menu-replegado .lateral:not(:hover) .escudo { width:122px;height:122px; }
  .app-erp.menu-replegado .lateral:not(:hover) .identidad > *,
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion,
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu { visibility:visible; }
  .app-erp.menu-replegado .lateral:not(:hover) .nombre-entidad,
  .app-erp.menu-replegado .lateral:not(:hover) .grupo-menu summary,
  .app-erp.menu-replegado .lateral:not(:hover) .administracion p,
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion a span,
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu div,
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu .enlace span { display:flex;opacity:1;pointer-events:auto; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion { padding:14px 9px; }
  .app-erp.menu-replegado .lateral:not(:hover) .grupo-menu { margin-top:15px; }
  .app-erp.menu-replegado .lateral:not(:hover) .administracion { margin-top:14px;padding-top:15px;border-top:1px solid #ffffff1c; }
  .app-erp.menu-replegado .lateral:not(:hover) .submenu { padding-left:0; }
  .app-erp.menu-replegado .lateral:not(:hover) .navegacion a { width:auto;height:auto;min-height:45px;margin:4px 0;padding:10px 13px;justify-content:flex-start; }
  .app-erp.menu-replegado .lateral:not(:hover) .usuario-menu { justify-content:space-between;padding:12px 15px; }
}
.dialogo-erp label { display:flex;flex-direction:column;gap:6px;font-weight:700; }.dialogo-erp { width:min(520px,calc(100% - 30px));padding:27px;border:0;border-radius:13px;color:var(--tinta);box-shadow:0 20px 70px #0006; }.dialogo-erp::backdrop { background:#0009; }.dialogo-erp h2 { margin:0 30px 7px 0; }.dialogo-erp p { margin:0 0 20px;color:#706861; }.cerrar-dialogo { position:absolute;right:16px;top:12px;padding:4px 9px;border:0;color:#776e68;background:none;font-size:1.7rem;cursor:pointer; }.dialogo-erp .acciones { margin-bottom:0; }
.formulario label,.formulario-erp label,.formulario-erp .etiqueta-campo,.cabecera-linea,.campo-iban>.etiqueta-campo,.campo-adjunto>div:first-child strong { color:#51463f;font:700 .84rem/1.3 "Trebuchet MS",Arial,sans-serif;letter-spacing:.025em; }.campo,input:not([type=checkbox]):not([type=radio]),select,textarea { color:var(--tinta);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;font-weight:400;line-height:1.35;letter-spacing:0; }.rejilla-formulario label:has(input[type=checkbox]) { font-family:"Trebuchet MS",Arial,sans-serif; }
.campo-invalido { border-color:#b83b3b!important;background:#fff8f8!important;box-shadow:0 0 0 2px #b83b3b18; }
.campo:disabled { color:#665f5a;background:#f3f0ec;cursor:not-allowed;opacity:1; }
.relacion-comercial,.aviso-vinculacion { display:flex;align-items:center;justify-content:space-between;gap:24px; }.relacion-comercial p,.aviso-vinculacion p { margin:7px 0 0;color:#706861; }.estado.cliente-vinculado { color:#27603d;background:#e3f2e8;text-decoration:none; }.aviso-vinculacion { max-width:950px;margin-top:22px; }.aviso-vinculacion>div { display:flex;align-items:center;flex-wrap:wrap;gap:10px; }.aviso-vinculacion p { flex-basis:100%; }.aviso-vinculacion .boton { flex:0 0 auto; }
@media (max-width:650px) { .relacion-comercial,.aviso-vinculacion { align-items:flex-start;flex-direction:column; }.relacion-comercial .boton,.aviso-vinculacion .boton { width:100%;text-align:center; } }
.rejilla-formulario [hidden] { display:none !important; }
.campo-iban { display:flex;flex-direction:column;gap:6px; }.iban-segmentado { display:grid;grid-template-columns:90px 1fr 1fr 72px 2fr;gap:8px; }.iban-bloque { min-width:0; }.iban-bloque span { color:#756c66;font:700 .69rem/1.2 "Trebuchet MS",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase; }.iban-bloque input { width:100%;min-height:43px;padding:9px 8px;border:1px solid #cfc7bf;border-radius:7px;color:var(--tinta);background:#fff;font:500 1rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;letter-spacing:.08em; }
@media (max-width:700px) { .iban-segmentado { grid-template-columns:1fr 1fr; }.iban-bloque:last-child { grid-column:1/-1; } }
.metricas-tienda { grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px; }.metricas-tienda article { padding:17px 19px; }.metricas-tienda span { font:700 1.65rem/1.1 system-ui,sans-serif; }.aviso-tienda-pedidos { padding:15px 17px;display:flex;align-items:center;gap:13px;border:1px solid #e6d3aa;border-radius:9px;color:#594b3c;background:#fff8e9; }.aviso-tienda-pedidos svg { flex:0 0 25px;color:#a7792c; }.aviso-tienda-pedidos div { display:flex;flex-direction:column; }.aviso-tienda-pedidos span { color:#776b5d;font-size:.87rem; }.buscador-tienda-gestion { max-width:850px; }.buscador-tienda-gestion select { max-width:190px; }.tabla-tienda-gestion .articulo-celda>div { min-width:0;display:flex;flex-direction:column; }.tabla-tienda-gestion .articulo-celda small { color:#7b726c; }.miniatura-vacia { width:42px;height:42px;display:grid;place-items:center;border-radius:6px;color:#a78c61;background:#eee8df; }.estado.publicado { color:#23633d;background:#e4f4e9; }.estado.destacado { margin-left:5px;color:#785415;background:#f8ebcb; }.revision-tienda { display:flex;flex-direction:column;gap:3px; }.revision-tienda span { color:#9b3b2f;font-size:.8rem; }.revision-tienda strong { color:#287044;font-size:.82rem; }.acciones-tienda-articulo { min-width:145px;display:flex;align-items:flex-start;flex-direction:column;gap:5px; }.acciones-tienda-articulo form { margin:0; }.acciones-tienda-articulo a,.acciones-tienda-articulo button { padding:0;border:0;color:var(--vino);background:none;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer; }.acciones-tienda-articulo .accion-publicar { padding:6px 10px;border-radius:6px;color:#fff;background:var(--vino); }
@media (max-width:900px) { .metricas-tienda { grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px) { .metricas-tienda { grid-template-columns:repeat(2,1fr); }.buscador-tienda-gestion { flex-wrap:wrap; }.buscador-tienda-gestion select { max-width:none; }.buscador-tienda-gestion .boton { width:100%; } }
.campo-fecha-inscripcion { display:flex;flex-direction:column;gap:6px; }.control-fecha-inscripcion { position:relative; }.control-fecha-inscripcion input { padding-right:46px; }.control-fecha-inscripcion>button { position:absolute;top:1px;right:1px;width:42px;height:41px;padding:0;display:grid;place-items:center;border:0;border-radius:0 6px 6px 0;color:#6d6966;background:#fff;cursor:pointer; }.control-fecha-inscripcion>button:hover { color:var(--vino);background:#faf6f2; }.control-fecha-inscripcion svg { width:22px;height:22px; }.fecha-desconocida::placeholder { color:var(--vino);font-weight:700;opacity:1; }.selector-fecha-compacto { position:fixed;z-index:120;padding:14px;border:1px solid #ddd5ce;border-radius:10px;color:#2e2926;background:#fff;box-shadow:0 12px 32px #0003; }.cabecera-selector-fecha { display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:9px; }.cabecera-selector-fecha>button { width:36px;height:36px;padding:0;border:0;color:#8b8580;background:transparent;font-size:2rem;line-height:1;cursor:pointer; }.cabecera-selector-fecha>div { display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:4px;padding:2px;border:1px solid #999;border-radius:5px;background:#f1f1f1; }.cabecera-selector-fecha select { width:100%;min-width:0;padding:4px 6px;border:0;color:#2e2926;background:transparent;font-size:.9rem; }.semana-selector-fecha,.dias-selector-fecha { display:grid;grid-template-columns:repeat(7,1fr);text-align:center; }.semana-selector-fecha { margin:13px 0 5px;color:#817b77;font-size:.72rem; }.semana-selector-fecha span:nth-last-child(-n+2) { color:#dc4b55; }.dias-selector-fecha { gap:2px; }.dias-selector-fecha button { aspect-ratio:1;padding:0;border:0;border-radius:7px;color:#302b28;background:transparent;font-size:.85rem;cursor:pointer; }.dias-selector-fecha button:hover { background:#eceae8; }.dias-selector-fecha button.otro-mes { color:#aaa5a2; }.dias-selector-fecha button.fin-semana { color:#e23d49; }.dias-selector-fecha button.seleccionado { outline:2px solid #8e8e8e;outline-offset:1px;background:#d5d5d5; }.acciones-selector-fecha { margin-top:12px;padding-top:10px;display:flex;gap:8px;border-top:1px solid #eee8e3; }.acciones-selector-fecha button { padding:7px 13px;border:1px solid #aaa;border-radius:4px;color:#282421;background:#eee;font:500 .85rem/1.2 system-ui,sans-serif;cursor:pointer; }.acciones-selector-fecha button:hover { border-color:var(--vino);color:var(--vino);background:#fff8ed; }