/* Estilos compartidos de la maqueta de 5D Sacred Beauty (home y plantillas).
   Sacados de index.html el 2026-10-29; editar acá, no en cada página. */
.gsap-word-wrapper { display: inline-block; overflow: hidden; padding-bottom: 0.15em; margin-bottom: -0.15em; vertical-align: bottom; } .gsap-word { display: inline-block; transform: translateY(110%); opacity: 0; transition: none; will-change: transform, opacity; }

 @keyframes marquee {
 0% { transform: translateX(0%); }
 100% { transform: translateX(-50%); }
 }
 .animate-marquee {
 display: flex;
 width: max-content;
 animation: marquee 35s linear infinite;
 }
 .animate-marquee:hover {
 animation-play-state: paused;
 }
 .animate-marquee-fast {
 display: flex !important;
 width: max-content !important;
 animation: marquee 28s linear infinite !important;
 }
 .animate-marquee-fast:hover {
 animation-play-state: paused !important;
 }
 
 #menuBtn[aria-expanded="true"] .menu-bar:first-child { transform: translateY(5.5px) rotate(45deg); }
 #menuBtn[aria-expanded="true"] .menu-bar:last-child { transform: translateY(-5.5px) rotate(-45deg); }
 /* un solo peso de texto en toda la página (400); negritas y títulos se mantienen. Es el respaldo para el texto sin rol (especificidad 0: los roles ganan siempre) */
 :where(.font-extralight, .font-thin, .font-light, .font-medium):not(:where(h1, h2, h3, h4, h5, h6)) { font-weight: 400 !important; }

 /* escala tipográfica por componente */
 body .t-display { font-family: 'Playfair Display', serif !important; font-size: 56px !important; font-weight: 400 !important; font-style: normal !important; line-height: 0.95 !important; letter-spacing: -0.025em !important; text-transform: none !important; color: #1E1026 !important; }
 body .t-h2 { font-family: 'Playfair Display', serif !important; font-size: 36px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.05 !important; letter-spacing: -0.025em !important; text-transform: none !important; color: #1E1026 !important; }
 body .t-h3 { font-family: 'Playfair Display', serif !important; font-size: 22px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; text-transform: none !important; color: #1E1026 !important; }
 body .t-panel-title { font-family: 'Playfair Display', serif !important; font-size: 20px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.2 !important; letter-spacing: normal !important; text-transform: none !important; color: #1E1026 !important; }
 body .t-eyebrow { font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: #2A1733 !important; }
 body .t-lead { font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.65 !important; letter-spacing: normal !important; text-transform: none !important; color: #2A1733 !important; }
 body .t-body { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.65 !important; letter-spacing: normal !important; text-transform: none !important; color: #2A1733 !important; }
 body .t-card-body { font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.55 !important; letter-spacing: normal !important; text-transform: none !important; color: #2A1733 !important; }
 body .t-card-body.t-on-photo { color: rgba(252, 248, 254, 0.8) !important; }
 body .t-card-long { font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.65 !important; letter-spacing: normal !important; text-transform: none !important; color: #2A1733 !important; }
 body .t-list { font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.4 !important; letter-spacing: normal !important; text-transform: none !important; color: #2A1733 !important; }
 body .t-list.t-strong { font-weight: 600 !important; }
 body .t-meta { font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; font-style: normal !important; line-height: 1.45 !important; letter-spacing: normal !important; text-transform: none !important; color: #6E6275 !important; }
 body .t-label { font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #6E6275 !important; }
 body .t-chip { font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #1E1026 !important; }
 body .t-btn { font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; }
 /* sobre el violeta (#prima-dopo, footer y bandas .banda-violeta de cierre) */
 :is(#prima-dopo, footer, .banda-violeta) .t-h2 { color: #F6F3F8 !important; }
 :is(#prima-dopo, footer, .banda-violeta) .t-eyebrow { color: #C59F5E !important; }
 :is(#prima-dopo, footer, .banda-violeta) :is(.t-lead, .t-body, .t-list, .t-meta, .t-label) { color: #E3D3EA !important; }
 @media (min-width: 768px) {
 body .t-display { font-size: 80px !important; }
 body .t-h2 { font-size: 44px !important; }
 body .t-h3 { font-size: 24px !important; }
 body .t-lead { font-size: 18px !important; }
 body .t-body { font-size: 16px !important; }
 }
 @media (min-width: 1024px) {
 body .t-display { font-size: 96px !important; }
 body .t-h2 { font-size: 48px !important; }
 }
 /* móvil: pasos de la reserva compactos (sólo el activo con nombre) */
 @media (max-width: 639px) {
 #stepper { gap: 0.5rem !important; padding-left: 1rem !important; padding-right: 1rem !important; }
 #stepper .step:not(.is-active) > span:not(.dot) { display: none; }
 }

 /* sección 5 dimensiones: prisma pentagonal */
 #dimensiones { --dim-hdr: 64px; --w: 300px; --h: 380px; --g: 18px; --emk: 0.375; --persp: 1600px; overflow-x: clip; }
 @media (min-width: 768px) { #dimensiones { --dim-hdr: 80px; } }
 @media (min-width: 1024px) { #dimensiones { --h: clamp(460px, calc(100svh - var(--dim-hdr) - 110px), 640px); --w: calc(var(--h) * 0.86); --g: 28px; --emk: 0.42; } }
 @media (max-width: 480px) { #dimensiones { --w: 290px; --h: clamp(380px, calc(100svh - var(--dim-hdr) - 160px), 420px); --persp: 1100px; } }
 #dimensiones .dim-stage { box-sizing: border-box; height: 100vh; height: 100svh; padding: var(--dim-hdr) 1.25rem 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
 #dimensiones .dim-scene { position: relative; width: 100%; height: var(--h); flex: none; perspective: var(--persp); perspective-origin: 50% 50%; }
 #dimensiones .dim-prism, #dimensiones .dim-rot, #dimensiones .dim-slot { transform-style: preserve-3d; }
 #dimensiones .dim-prism { position: absolute; left: calc(50% - var(--w) / 2); top: 0; width: var(--w); height: var(--h); }
 #dimensiones .dim-rot, #dimensiones .dim-slot { position: absolute; inset: 0; }
 #dimensiones .dim-face { position: absolute; inset: 0; box-sizing: border-box; border-radius: 32px; overflow: hidden; background: #2A1733; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: inset 0 0 0 1px rgba(246, 243, 248, 0.2), 0 30px 60px -24px rgba(30, 16, 38, 0.4); }
 #dimensiones .dim-face img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; }
 #dimensiones .dim-dim { position: absolute; inset: 0; background: #1E1026; opacity: 0; pointer-events: none; }
 #dimensiones .dim-copy { position: absolute; left: 0; right: 0; bottom: 0; padding: 56px 22px 22px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; background: linear-gradient(to top, rgba(30, 16, 38, 0.92) 0%, rgba(30, 16, 38, 0.85) calc(100% - 56px), rgba(30, 16, 38, 0) 100%); }
 body #dimensiones .dim-face :is(.t-label, .t-h3, .t-body) { color: #FFFFFF !important; margin: 0; }
 body #dimensiones .dim-face .t-meta { color: #E3D3EA !important; margin: 0; }
 #dimensiones .dim-face .t-body { line-height: 1.4 !important; }
 #dimensiones .dim-chips { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
 #dimensiones .dim-chip { padding: 6px 10px; border-radius: 999px; background: rgba(246, 243, 248, 0.9); }
 #dimensiones .dim-bridge { opacity: 0; transition: opacity 0.4s ease; }
 #dimensiones .dim-face.is-front .dim-bridge { opacity: 1; }
 #dimensiones .dim-main, #dimensiones .dim-final { position: absolute; left: calc(50% - var(--w) / 2); top: 0; width: var(--w); height: var(--h); box-sizing: border-box; padding: 28px; border-radius: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; }
 #dimensiones .dim-main > *, #dimensiones .dim-final > * { margin: 0; }
 #dimensiones .dim-emblem { position: relative; width: calc(var(--w) * var(--emk)); height: calc(var(--w) * var(--emk)); flex: none; margin-bottom: 4px; }
 #dimensiones .dim-ring { stroke-width: 5.5px; }
 #dimensiones .dim-base { stroke-width: 3.5px; }
 @media (min-width: 1024px) { #dimensiones .dim-ring { stroke-width: 3.5px; } #dimensiones .dim-base { stroke-width: 2.2px; } }
 #dimensiones .dim-emblem svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
 #dimensiones .dim-draw { stroke-dasharray: 1; stroke-dashoffset: 1; }
 #dimensiones .dim-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: 'Playfair Display', serif; font-size: calc(var(--w) * var(--emk) * 0.2); line-height: 1; color: #5E3270; letter-spacing: -0.02em; pointer-events: none; }
 #dimensiones .dim-cta { margin-top: 8px; }
 #dimensiones .dim-dots { display: flex; justify-content: center; gap: 10px; margin-top: 30px; }
 #dimensiones .dim-dot { width: 8px; height: 8px; border-radius: 999px; background: rgba(42, 23, 51, 0.15); transition: background-color 0.4s ease; }
 #dimensiones .dim-dot.is-visited { background: #C59F5E; }
 #dimensiones .dim-dot.is-active { background: #5E3270; }
 @media (max-width: 1023px) {
 #dimensiones .dim-copy { padding: 48px 16px 16px; gap: 6px; background: linear-gradient(to top, rgba(30, 16, 38, 0.92) 0%, rgba(30, 16, 38, 0.85) calc(100% - 48px), rgba(30, 16, 38, 0) 100%); }
 #dimensiones .dim-main, #dimensiones .dim-final { padding: 18px 16px; gap: 8px; }
 #dimensiones .dim-emblem { margin-bottom: 0; }
 body #dimensiones .dim-main .t-h2, body #dimensiones .dim-final .t-h2 { font-size: 28px !important; }
 }
 @media (min-width: 1024px) and (max-height: 760px) {
 body #dimensiones .dim-main .t-h2, body #dimensiones .dim-final .t-h2 { font-size: 36px !important; }
 body #dimensiones .dim-main .t-body, body #dimensiones .dim-final .t-body { font-size: 14px !important; line-height: 1.55 !important; }
 #dimensiones .dim-final .dim-cta { min-height: 44px; padding: 10px 32px; margin-top: 4px; }
 #dimensiones .dim-main, #dimensiones .dim-final { padding: 20px 24px; }
 }
 @media (max-width: 480px) {
 body #dimensiones .dim-main .t-body, body #dimensiones .dim-final .t-body { font-size: 13px !important; line-height: 1.5 !important; }
 body #dimensiones .dim-main .t-h2, body #dimensiones .dim-final .t-h2 { font-size: 26px !important; }
 #dimensiones .dim-final .dim-cta { min-height: 44px; padding: 10px 28px; margin-top: 4px; }
 }
 /* antes de que el script arme el estado inicial: sin caras ni final a la vista */
 @media (prefers-reduced-motion: no-preference) {
 #dimensiones .dim-face { opacity: 0; }
 #dimensiones .dim-final { opacity: 0; visibility: hidden; }
 }
 /* movimiento reducido: sin pin ni giro; tarjeta principal, las cinco caras en grilla y final */
 @media (prefers-reduced-motion: reduce) {
 #dimensiones .dim-stage { height: auto; padding-top: 2rem; padding-bottom: 4rem; }
 #dimensiones .dim-scene { height: auto; perspective: none; display: flex; flex-direction: column; align-items: center; gap: 24px; }
 #dimensiones .dim-main { order: 0; } #dimensiones .dim-prism { order: 1; } #dimensiones .dim-final { order: 2; }
 #dimensiones .dim-main, #dimensiones .dim-final { position: relative; left: auto; top: auto; width: min(420px, 100%); height: auto; min-height: var(--h); }
 #dimensiones .dim-prism { position: static; left: auto; width: 100%; height: auto; transform: none !important; display: grid; grid-template-columns: 1fr; gap: 20px; justify-items: center; }
 #dimensiones .dim-rot, #dimensiones .dim-slot { display: contents; }
 #dimensiones .dim-face { position: relative; inset: auto; width: 100%; max-width: var(--w); min-height: var(--h); transform: none !important; opacity: 1 !important; visibility: visible !important; display: flex; flex-direction: column; justify-content: flex-end; }
 #dimensiones .dim-copy { position: relative; }
 #dimensiones .dim-dim { display: none; }
 #dimensiones .dim-bridge { opacity: 1; }
 #dimensiones .dim-draw { stroke-dashoffset: 0; }
 #dimensiones .dim-dots { display: none; }
 }
 @media (prefers-reduced-motion: reduce) and (min-width: 640px) { #dimensiones .dim-prism { grid-template-columns: repeat(2, 1fr); } }
 @media (prefers-reduced-motion: reduce) and (min-width: 1024px) { #dimensiones .dim-prism { grid-template-columns: repeat(3, 1fr); } }
 @media (prefers-reduced-motion: reduce) and (min-width: 1280px) { #dimensiones .dim-prism { grid-template-columns: repeat(5, 1fr); max-width: 1500px; } }
 
 /* #about: tilt + brillo + borde dorado, filas y contadores (sólo transform/opacity) */
 #about .fx-tilt { display: flex; }
 #about .fx-card { position: relative; flex: 1 1 auto; min-width: 0; }
 #about .fx-ring, #about .fx-glare { pointer-events: none; }
 #about .fx-ring { position: absolute; inset: -1.5px; border-radius: inherit; padding: 1.5px; overflow: hidden; opacity: 0; transition: opacity 0.35s ease; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); mask-composite: exclude; }
 #about .fx-ring i { position: absolute; top: 0; left: 0; width: 200%; height: 100%; background: linear-gradient(90deg, #C59F5E 0%, #E9D5A8 25%, #C59F5E 50%, #E9D5A8 75%, #C59F5E 100%); animation: fx-sheen 3.2s linear infinite paused; will-change: transform; }
 @keyframes fx-sheen { to { transform: translateX(-50%); } }
 #about .fx-glare { position: absolute; inset: 0; border-radius: inherit; opacity: 0; background: radial-gradient(circle 170px at var(--gx, 50%) var(--gy, 50%), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.12) 55%, rgba(255, 255, 255, 0) 80%); transition: opacity 0.3s ease; }
 #about .fx-row { transition: opacity 0.6s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
 #about .fx-row .t-label { transition: color 0.25s ease; }
 #about .fx-reel { display: flex; height: 1lh; }
 #about .fx-col { position: relative; display: block; overflow: hidden; height: calc(1lh + 0.7em); margin: -0.35em 0; padding: 0; }
 #about .fx-st { padding: 0.35em 0; box-sizing: border-box; }
 #about .fx-fin { display: block; visibility: hidden; padding: 0.35em 0; height: calc(1lh + 0.7em); box-sizing: border-box; }
 #about .fx-strip { position: absolute; left: 0; top: 0; display: block; transform: translateY(0); will-change: transform; }
 #about .fx-cell { display: block; height: calc(1lh + 0.7em); padding: 0.35em 0; box-sizing: border-box; }
 #about .fx-reel.is-in .fx-strip { transform: translateY(calc(var(--to) * (1lh + 0.7em) * -1)); transition: transform 1300ms cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ci) * 90ms); }
 #about .fx-pre { opacity: 0; }
 #about .fx-row.fx-pre { transform: translateY(10px); }
 #about .fx-stat.fx-pre { transform: translateY(24px); }
 #about .fx-stat { transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
 @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 #about .fx-card { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; }
 #about .fx-card.is-tilting { transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
 #about .fx-tilt.is-hover .fx-ring { opacity: 1; }
 #about .fx-tilt.is-hover .fx-ring i { animation-play-state: running; }
 #about .fx-tilt.is-hover .fx-glare { opacity: 0.3; }
 #about .fx-stat.is-hover .fx-glare { opacity: 0.22; }
 #about .fx-row:hover { transform: translateX(4px); }
 body #about .fx-row:hover .t-label { color: #5E3270 !important; }
 }
 @media (prefers-reduced-motion: reduce) {
 #about .fx-ring i { animation: none; }
 #about .fx-pre { opacity: 1; transform: none; }
 }
 
 /* #services: entrada con máscara escalonada + hover (sólo transform/opacity/clip-path) */
 #services .fx-svc { transition: opacity 0.8s ease-out var(--fx-d, 0ms), transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
 #services .fx-svc .fx-photo { clip-path: inset(0 round 26px); transition: clip-path 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--fx-d, 0ms); }
 #services .fx-svc .fx-photo img { transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) var(--fx-d, 0ms); }
 #services .fx-svc .fx-body { transition: opacity 0.8s ease-out calc(var(--fx-d, 0ms) + 150ms), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--fx-d, 0ms) + 150ms); }
 #services .fx-svc.fx-pre { opacity: 0; }
 #services .fx-svc.fx-pre .fx-photo { clip-path: inset(100% 0 0 0 round 26px); }
 #services .fx-svc.fx-pre .fx-photo img { transform: scale(1.12); }
 #services .fx-svc.fx-pre .fx-body { opacity: 0; transform: translateY(12px); }
 @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 #services .fx-svc:hover { transform: translateY(-4px); box-shadow: inset 0 16px 32px -6px rgba(255, 255, 255, 0.45), inset 0 -16px 32px -6px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 36px 64px -14px rgba(30, 16, 38, 0.22), 0 12px 24px -10px rgba(30, 16, 38, 0.12) !important; }
 #services .fx-svc:hover .fx-photo img { transform: scale(1.05); transition-delay: 0ms; }
 }
 @media (prefers-reduced-motion: reduce) {
 #services .fx-svc .fx-photo img { transform: none !important; scale: none !important; transition: none !important; }
 }
 

 :root {
 --fondo: #F6F3F8;
 --sup: #FDFBFE;
 --primario: #5E3270;
 --sec: #C59F5E;
 --tinta: #1E1026;
 }
 body {
 font-family: 'Montserrat', sans-serif !important;
 }
 .font-serif {
 font-family: 'Playfair Display', serif !important;
 }
 
 /* Apple Glassmorphism */
 .glass-apple {
 background-color: rgba(255, 255, 255, 0.75) !important;
 -webkit-backdrop-filter: blur(30px) saturate(210%) !important;
 backdrop-filter: blur(30px) saturate(210%) !important;
 border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
 box-shadow: 
 inset 0 12px 24px -6px rgba(255, 255, 255, 0.35),
 inset 0 -12px 24px -6px rgba(0, 0, 0, 0.05),
 inset 0 0 0 1px rgba(255, 255, 255, 0.2),
 0 20px 40px -12px rgba(30, 16, 38, 0.08),
 0 8px 16px -8px rgba(30, 16, 38, 0.06) !important;
 }
 .glass-apple-hover {
 transition: background-color 0.5s ease, box-shadow 0.5s ease !important;
 }
 .glass-apple-hover:hover {
 background-color: rgba(255, 255, 255, 0.85) !important;
 box-shadow: 
 inset 0 16px 32px -6px rgba(255, 255, 255, 0.45),
 inset 0 -16px 32px -6px rgba(0, 0, 0, 0.08),
 inset 0 0 0 1px rgba(255, 255, 255, 0.25),
 0 28px 56px -12px rgba(30, 16, 38, 0.12),
 0 12px 24px -8px rgba(30, 16, 38, 0.08) !important;
 }
 
 /* Reviews Marquee */
 .reviews-rail-container {
 overflow: hidden;
 width: 100%;
 position: relative;
 }
 .reviews-rail {
 display: flex;
 gap: 1.5rem;
 width: max-content;
 animation: reviews-scroll 45s linear infinite;
 }
 .reviews-rail:hover {
 animation-play-state: paused;
 }
 @keyframes reviews-scroll {
 to {
 transform: translateX(-50%);
 }
 }
 
 /* Comparison Slider */
 .comparison-slider {
 position: relative;
 width: 100%;
 overflow: hidden;
 touch-action: pan-y;
 }
 .comparison-item {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 pointer-events: none;
 }
 .comparison-handle {
 position: absolute;
 top: 0;
 bottom: 0;
 width: 2px;
 background: #fff;
 cursor: ew-resize;
 z-index: 20;
 }
 .comparison-circle {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 44px;
 height: 44px;
 background: #fff;
 border: 2px solid var(--sec);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 4px 15px rgba(0,0,0,0.15);
 color: var(--primario);
 transition: transform 0.2s ease;
 }
 .comparison-handle:hover .comparison-circle {
 transform: translate(-50%, -50%) scale(1.1);
 }
 
 /* Stepper & Turnero */
 .opt.sel {
 border-color: var(--sec) !important;
 background-color: #FDFBFE !important;
 box-shadow: 0 4px 20px -5px rgba(197, 159, 94, 0.2) !important;
 }
 .slot.sel {
 background-color: var(--primario) !important;
 color: #fff !important;
 border-color: var(--primario) !important;
 }