/* Tokens de diseño de MiCita -- mismos que micita-mockup.html (raíz del proyecto), sección
"Plantilla visual" del CLAUDE.md. Layout propio (sidebar+topbar+content, login de dos paneles),
no una plantilla admin Bootstrap genérica -- mismo criterio que mafort-erp-mockup.html en ERP. */

:root{
	--ink:#1F1B2E;
	--plum:#2B2340;
	--primary:#8B5CF6;
	--primary-dark:#6D3FD1;
	--accent:#F97362;
	--paper:#FBF7F4;
	--card:#FFFFFF;
	--line:#E7E0DC;
	--muted:#857C90;
	--text:#241F2E;
	--ok:#2FB380;
	--warn:#E8B339;
	--danger:#E15B5B;
	--radius:14px;
	--shadow:0 8px 24px rgba(43,35,64,.08);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--paper);color:var(--text);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
h1,h2,h3,h4{margin:0 0 .4rem;font-weight:700;letter-spacing:-.01em;}
p{margin:0 0 .6rem;line-height:1.55;color:var(--muted);}
a{color:inherit;text-decoration:none;}
table{border-collapse:collapse;}

/* ---------- Botones/badges genéricos ---------- */
.btn-primary{
	display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
	padding:.7rem 1.4rem;border-radius:10px;border:none;font-weight:600;font-size:.92rem;
	background:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(139,92,246,.3);cursor:pointer;
}
.btn-primary:hover{background:var(--primary-dark);color:#fff;}
.btn-secondary{
	display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
	padding:.6rem 1.1rem;border-radius:10px;border:1.5px solid var(--line);background:transparent;
	color:var(--ink);font-weight:600;font-size:.86rem;cursor:pointer;
}
.btn-secondary:hover{border-color:var(--primary);color:var(--primary);}
.tag-estado{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;}
.tag-estado.act{background:#DBF3E8;color:#1E8A5C;}
.tag-estado.anu{background:#FBE1E1;color:#B23A3A;}
/* Los 5 estados reales de una reserva (CLAUDE.md sección 7.6: "pendiente=amarillo,
	 confirmada=azul, atendida=verde, cancelada=rojo, no-show=gris") -- usados tal cual en la
	 agenda visual (reservas/agenda.php); el listado plano de Reservas sigue con el esquema
	 simplificado act/anu de siempre, no se tocó para no arriesgar una pantalla ya probada. */
.tag-estado.pendiente{background:#FCEFCB;color:#8A6D1D;}
.tag-estado.confirmada{background:#DCE8FB;color:#2B5FA8;}
.tag-estado.atendida{background:#DBF3E8;color:#1E8A5C;}
.tag-estado.cancelada{background:#FBE1E1;color:#B23A3A;}
.tag-estado.no_show{background:#E7E5EC;color:#5B5568;}
.hint-box{background:#F1E9FE;border:1px solid #DFCCFB;color:#5B3A99;border-radius:10px;padding:.8rem 1rem;font-size:.85rem;margin-bottom:1rem;}
.hint-box-danger{background:#FBE1E1;border:1px solid #F3B8B8;color:#8A2E2E;border-radius:10px;padding:.8rem 1rem;font-size:.85rem;margin-bottom:1rem;}

/* ---------- Login (staff) -- dos paneles, igual criterio que ERP/mafort ---------- */
#login{min-height:100vh;display:flex;}
#login .login-side{
	flex:1;background:linear-gradient(160deg,var(--ink),var(--plum) 60%,#4B3670);color:#fff;
	padding:4rem 3.5vw;display:flex;flex-direction:column;justify-content:space-between;
}
#login .brand-mark{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.2rem;}
#login .login-side h1{font-size:2rem;max-width:420px;margin-top:2.2rem;color:#fff;}
#login .login-side p{color:#C9C2D9;max-width:400px;}
#login .modules-strip{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.72rem;}
#login .modules-strip span{background:rgba(255,255,255,.08);padding:.3rem .7rem;border-radius:999px;color:#DCD5EC;}
#login .login-form{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;}
#login .form-box{width:100%;max-width:380px;}
#login .field{margin-bottom:1rem;}
#login label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem;color:var(--muted);}
#login input{width:100%;padding:.75rem .9rem;border-radius:10px;border:1.5px solid var(--line);font-size:.92rem;background:var(--card);}
#login input:focus{outline:none;border-color:var(--primary);}
#login .btn-primary{width:100%;margin-top:.4rem;}
#login .foot-note{text-align:center;font-size:.8rem;color:var(--muted);margin-top:1.2rem;}
#login .sub{color:var(--muted);font-size:.88rem;margin-bottom:1.2rem;}

/* "Ojito" de mostrar/ocultar contraseña (envuelto en tiempo de ejecución por app.js) --
funciona en cualquier input[type=password] del proyecto, no solo en el login. */
.campo-clave{position:relative;}
.campo-clave input{padding-right:2.6rem !important;}
.campo-clave .toggle-clave{
	position:absolute;right:.6rem;top:50%;transform:translateY(-50%);
	background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:.2rem;
	opacity:.7;
}
.campo-clave .toggle-clave:hover{opacity:1;}

/* Código de país + número en todo campo de teléfono/WhatsApp (pedido de Ytalo 2026-08-11) --
	 dos <select>/<input> lado a lado dentro de un solo .field, se unen recién al guardar
	 (telefonoConCodigo() en url_helper.php), no son dos columnas en BD. */
.campo-telefono{display:flex;gap:.4rem;min-width:0;}
.campo-telefono select{flex:0 0 5.8rem;width:5.8rem;max-width:5.8rem;box-sizing:border-box;}
.campo-telefono input{flex:1 1 0;min-width:0;width:0;}

/* ---------- Panel (sidebar + topbar + content) ---------- */
#app{display:flex;min-height:100vh;}
.sidebar{width:236px;background:var(--ink);color:#DCD5EC;flex-shrink:0;padding:1.3rem 0;display:flex;flex-direction:column;}
.sidebar .brand{display:flex;align-items:center;gap:.5rem;padding:0 1.3rem 1.3rem;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.8rem;}
.sidebar .brand .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:.95rem;}
.sidebar nav{flex:1;overflow-y:auto;}
.sidebar .nav-group .label{display:flex;align-items:center;gap:.7rem;padding:.65rem 1.3rem;font-size:.86rem;font-weight:600;color:#B9B2C9;border-left:3px solid transparent;cursor:pointer;}
.sidebar .nav-group .label:hover{color:#fff;background:rgba(255,255,255,.04);}
.sidebar .nav-group.activo .label{color:#fff;background:rgba(139,92,246,.18);border-left-color:var(--primary);}
.sidebar .nav-item{display:block;padding:.5rem 1.3rem .5rem 2.6rem;font-size:.82rem;color:#B9B2C9;}
.sidebar .nav-item:hover{color:#fff;}
.sidebar .nav-item.active{color:#fff;font-weight:700;}
/* Badge numérico en un link del sidebar -- ej. reportes de pago pendientes en Cobranza (Control
	 de Pagos, sección 7.1). */
.badge-pendiente{display:inline-block;background:#E15B5B;color:#fff;font-size:.7rem;font-weight:700;line-height:1;padding:.2rem .45rem;border-radius:99px;margin-left:.3rem;vertical-align:middle;}
.sidebar .foot{padding:1rem 1.3rem;font-size:.72rem;color:#7A7389;border-top:1px solid rgba(255,255,255,.08);}

.main{flex:1;display:flex;flex-direction:column;min-width:0;}
.topbar{height:64px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;flex-shrink:0;}
.topbar-left{display:flex;align-items:center;}
.topbar .crumb{font-size:.82rem;color:var(--muted);}
.topbar .crumb b{color:var(--ink);}
.topbar .right{display:flex;align-items:center;gap:1rem;}

/* Botón hamburguesa + fondo oscuro para abrir el sidebar en mobile -- inyectados en tiempo de
	 ejecución por app.js (envolverAbrirSidebarMobile()), no viven en las vistas. Ocultos en
	 desktop; el CSS de abajo (@media max-width:960px) los muestra y también saca el sidebar de
	 flujo (position:fixed) para que se deslice por encima del contenido. */
.sidebar-toggle{display:none;background:none;border:none;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--ink);padding:.2rem .6rem .2rem 0;margin-right:.6rem;}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(31,27,46,.5);z-index:49;}
.sidebar-backdrop.open{display:block;}

/* <select> "Cambiar de sede" del topbar (inyectado por app.js) -- mismo look que .btn-secondary
	 de al lado, un <select> nativo no hereda ese estilo solo con la clase. */
.sidebar-toggle-sede{
	display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
	padding:.6rem 1.1rem;border-radius:10px;border:1.5px solid var(--line);background:transparent;
	color:var(--ink);font-weight:600;font-size:.86rem;cursor:pointer;font-family:inherit;
	max-width:220px;
}
.sidebar-toggle-sede:hover{border-color:var(--primary);color:var(--primary);}
.sidebar-toggle-sede:focus{outline:none;border-color:var(--primary);}
.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;}

.content{padding:1.6rem;overflow-y:auto;}
.content h1{font-size:1.35rem;}
.content .sub{color:var(--muted);font-size:.88rem;margin-bottom:1.4rem;}

.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem;}
.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow);}
.kpi-card .label{font-size:.78rem;color:var(--muted);font-weight:600;}
.kpi-card .value{font-size:1.7rem;font-weight:800;margin-top:.3rem;}

.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.mod-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);}
.mod-card h3{font-size:1rem;}
.mod-card a{color:var(--primary);font-weight:700;font-size:.85rem;}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow);margin-bottom:1.4rem;}
.card h3{font-size:.95rem;margin-bottom:1rem;}

.data-table{width:100%;border-collapse:collapse;font-size:.85rem;}
.data-table th{text-align:left;color:var(--muted);font-weight:600;padding:.5rem;border-bottom:1px solid var(--line);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;}
.data-table td{padding:.65rem .5rem;border-bottom:1px solid var(--line);}

.form-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
/* min-width:0 -- sin esto, una celda de grid con contenido "ancho" adentro (ej. el select+input
	 combinado de .campo-telefono) se desborda de su columna en vez de encogerse, porque los
	 grid items tienen min-width:auto por default (bug real encontrado 2026-08-11 probando Mi
	 Sede: el <input> de teléfono/WhatsApp quedaba invisible/desbordado). */
.form-inline .field{display:flex;flex-direction:column;gap:.35rem;min-width:0;}
.form-inline label{font-size:.82rem;font-weight:600;color:var(--muted);}
.form-inline input, .form-inline select, .form-inline textarea{
	padding:.65rem .8rem;border-radius:10px;border:1.5px solid var(--line);font-size:.88rem;background:var(--card);
	font-family:inherit;
}
.form-inline input:focus, .form-inline select:focus, .form-inline textarea:focus{outline:none;border-color:var(--primary);}

/* Mismo estilo que arriba, para un .field SUELTO dentro de una .card sin envolver todo el
	 formulario en .form-inline (ej. "Tu link" y "Horas mínimas" en Mi Sede) -- encontrado
	 2026-08-11 armando el perfil público de la sede: sin esto, esos inputs/textarea salían con
	 la apariencia default del navegador, sin padding/borde/foco. */
.card .field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem;}
.card .field label{font-size:.82rem;font-weight:600;color:var(--muted);}
.card .field input, .card .field select, .card .field textarea{
	padding:.65rem .8rem;border-radius:10px;border:1.5px solid var(--line);font-size:.88rem;background:var(--card);
	font-family:inherit;width:100%;box-sizing:border-box;
}
.card .field input:focus, .card .field select:focus, .card .field textarea:focus{outline:none;border-color:var(--primary);}

/* Select2 (selector buscable de distrito/ubigeo, ".select-ubigeo") con la misma apariencia que
	 el resto de <select> de la app -- el theme default de select2 trae su propio look (borde
	 gris #aaa, radio 4px, altura fija) que no calzaba con los tokens de arriba. */
.select2-container--default .select2-selection--single{
	height:auto;padding:.65rem .8rem;border-radius:10px;border:1.5px solid var(--line);background:var(--card);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding:0;line-height:1.3;font-size:.88rem;color:var(--text);font-family:inherit;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--muted);}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:.6rem;}
.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--primary);}
.select2-dropdown{border-radius:10px;border:1.5px solid var(--line);font-family:inherit;font-size:.88rem;overflow:hidden;}
.select2-search--dropdown .select2-search__field{
	border-radius:8px;border:1.5px solid var(--line);padding:.4rem .6rem;font-family:inherit;
}
.select2-search--dropdown .select2-search__field:focus{outline:none;border-color:var(--primary);}
.select2-results__option--highlighted[aria-selected]{background:var(--primary) !important;}

.table-scroll{overflow-x:auto;}

/* Formularios de alta nacen plegados detrás de un botón "+ Nuevo X" -- mismo patrón que ERP/
hrc9. En modo edición nacen ya abiertos (clase .open puesta por PHP), sin botón. */
.form-colapsable{display:none;}
.form-colapsable.open{display:block;}

/* ---------- Landing pública del SaaS (landing/index.php) ---------- */
#landing header{
	display:flex;align-items:center;justify-content:space-between;
	padding:1.1rem 4vw;background:var(--card);border-bottom:1px solid var(--line);
}
#landing .logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.15rem;}
#landing .logo .mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;}
#landing .header-cta{display:flex;gap:.6rem;}
#landing .hero{padding:5.5rem 4vw 4rem;text-align:center;background:radial-gradient(circle at 30% 20%,#F1E9FE 0%,var(--paper) 55%);}
#landing .hero h1{font-size:2.5rem;max-width:820px;margin:0 auto .9rem;line-height:1.15;}
#landing .hero h1 span{color:var(--primary);}
#landing .hero p.lead{font-size:1.05rem;max-width:560px;margin:0 auto 1.8rem;}
#landing .hero .cta-row{display:flex;gap:.8rem;justify-content:center;margin-bottom:1rem;}
#landing section.band{padding:4rem 4vw;}
#landing section.band h2{font-size:1.7rem;text-align:center;margin-bottom:.5rem;}
#landing section.band p.sub{text-align:center;max-width:560px;margin:0 auto 2.4rem;}
#landing .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
#landing .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
#landing .feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);}
#landing .feature-card .ic{width:40px;height:40px;border-radius:10px;background:#F1E9FE;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.7rem;}
#landing .feature-card h3{font-size:1rem;}
#landing .pricing{background:var(--ink);color:#fff;}
#landing .pricing h2,#landing .pricing p.sub{color:#fff;}
#landing .pricing p.sub{color:#C9C2D9;}
#landing .plan-card{background:var(--plum);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.6rem;color:#fff;}
#landing .plan-card.featured{border:2px solid var(--accent);position:relative;transform:translateY(-6px);}
#landing .plan-card.featured .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);padding:.22rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;}
#landing .plan-card .price{font-size:2rem;font-weight:800;margin:.5rem 0;}
#landing .plan-card .price small{font-size:.85rem;font-weight:500;color:#C9C2D9;}
#landing .plan-card ul{list-style:none;margin:1rem 0;padding:0;font-size:.85rem;color:#DCD5EC;}
#landing .plan-card li{padding:.3rem 0;}
#landing .plan-card li b{color:var(--accent);margin-right:.4rem;}
#landing footer.site{padding:2rem 4vw;background:var(--ink);color:#B9B2C9;font-size:.82rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;}

/* Modal simple de registro (sin JS framework, solo mostrar/ocultar) */
.modal-fondo{display:none;position:fixed;inset:0;background:rgba(31,27,46,.55);z-index:200;align-items:center;justify-content:center;padding:1.5rem;}
.modal-fondo.open{display:flex;}
.modal-caja{background:var(--card);border-radius:var(--radius);padding:1.8rem;max-width:440px;width:100%;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto;}
.modal-caja .cerrar{float:right;cursor:pointer;color:var(--muted);font-size:1.1rem;}
.modal-caja .field{margin-bottom:.9rem;}
.modal-caja label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.3rem;color:var(--muted);}
.modal-caja input,.modal-caja select{width:100%;padding:.65rem .8rem;border-radius:10px;border:1.5px solid var(--line);font-size:.88rem;}
.modal-caja input:focus,.modal-caja select:focus{outline:none;border-color:var(--primary);}

/* ---------- Portal público de una sede (Portal.php, /{co_slug}) ---------- */
#publica{background:var(--paper);min-height:100vh;}
#publica .top-nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 4vw;background:var(--card);border-bottom:1px solid var(--line);}
#publica .top-nav .logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1rem;color:var(--ink);}
#publica .cover{height:150px;background:linear-gradient(135deg,var(--ink),var(--primary));position:relative;}
#publica .sede-card{max-width:960px;margin:-50px auto 0;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem 1.8rem;border:1px solid var(--line);}
#publica .sede-card h1{font-size:1.35rem;margin-bottom:.2rem;}
#publica .sede-card .meta{color:var(--muted);font-size:.85rem;}
#publica .wrap{max-width:960px;margin:1.6rem auto;padding:0 1rem;}
#publica .center-card{max-width:420px;margin:2.4rem auto;padding:0 1rem;}
#publica .precio{font-weight:700;}
#publica .precio.consultar{font-weight:600;color:var(--muted);font-size:.8rem;font-style:italic;}
.slot-grid{display:flex;flex-wrap:wrap;gap:.5rem;}
.slot-chip{padding:.55rem 1rem;border-radius:10px;border:1.5px solid var(--line);font-size:.85rem;font-weight:600;text-decoration:none;color:var(--ink);background:var(--card);}
.slot-chip:hover{border-color:var(--primary);color:var(--primary);}
.date-nav{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;}
.date-nav a{color:var(--primary);font-weight:700;text-decoration:none;}

@media(max-width:960px){
	.sidebar{position:fixed;left:-236px;top:0;bottom:0;z-index:50;transition:.2s;}
	.sidebar.open{left:0;}
	.sidebar-toggle{display:inline-block;}
	.kpi-row,.modules-grid,.form-inline{grid-template-columns:1fr;}
	#login{flex-direction:column;}
	#login .login-side{padding:2rem;}
	#landing .grid-3,#landing .grid-4{grid-template-columns:1fr;}
}

/* ---------- Agenda visual día/semana/mes (Reservas → Agenda, CLAUDE.md sección 7.6) ---------- */
.agenda-tabs, .agenda-nav{display:flex;gap:.4rem;flex-wrap:wrap;}
.agenda-vista.active{background:var(--primary);color:#fff;border-color:var(--primary);}

.agenda-dia-lista{display:flex;flex-direction:column;gap:.6rem;}
.agenda-item{display:flex;align-items:center;gap:1rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;}
.agenda-item-hora{font-family:monospace;font-weight:700;color:var(--primary-dark);min-width:110px;}
.agenda-item-cuerpo{flex:1;display:flex;flex-direction:column;}
.agenda-item-cuerpo .sub{font-size:.8rem;color:var(--muted);}

.agenda-semana{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem;}
.agenda-dia-col{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.6rem;min-height:140px;cursor:pointer;}
.agenda-dia-col:hover{border-color:var(--primary);}
.agenda-dia-col.hoy{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset;}
.agenda-dia-col-cabecera{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:capitalize;margin-bottom:.5rem;}
.agenda-chip{display:block;font-size:.72rem;padding:.25rem .4rem;border-radius:6px;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.agenda-dia-col-vacio{color:var(--muted);font-size:.78rem;text-align:center;padding-top:1rem;}

.agenda-mes-cabecera{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;font-size:.78rem;font-weight:700;color:var(--muted);text-align:center;margin-bottom:.5rem;}
.agenda-mes{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;}
.agenda-mes-celda{min-height:70px;border:1px solid var(--line);border-radius:8px;padding:.4rem;cursor:pointer;}
.agenda-mes-celda:hover{border-color:var(--primary);}
.agenda-mes-celda.fuera-de-mes{opacity:.35;}
.agenda-mes-celda.hoy{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset;}
.agenda-mes-celda-num{font-size:.8rem;font-weight:700;}
.agenda-mes-celda-count{font-size:.7rem;color:var(--primary-dark);margin-top:.3rem;}

@media(max-width:760px){
	.agenda-semana{grid-template-columns:repeat(2,1fr);}
	.agenda-mes,.agenda-mes-cabecera{grid-template-columns:repeat(7,minmax(34px,1fr));font-size:.7rem;}
}