/* Home con el look de /servicios/: fondo blanco, franjas celeste suave, bordes finos, botones pill */
html:root{--notion-bg:#fff;--notion-gray-bg:#f5f8ff;--notion-text:#0f172a;--notion-border:#e2e8f0;--notion-hover:#f1f5f9}
html,body{background:#fff !important}
#bstSphere{display:none !important}
body{color:#0f172a}
.black{color:#0f172a !important}
.gray-600{color:#64748b !important}

/* secciones grises → franja celeste a todo el ancho */
section.bg-gray-50{background:#f5f8ff !important;box-shadow:0 0 0 100vmax #f5f8ff;clip-path:inset(0 -100vmax)}

/* titulares a la escala de servicios */
#home .fs-l3.md-fs-xl1{font-size:clamp(36px,4.4vw,54px) !important;line-height:1.08 !important;letter-spacing:-.02em}
h2.fs-l2,h2.md-fs-xl1{font-size:clamp(28px,3vw,36px) !important;line-height:1.2 !important;letter-spacing:-.01em}
.text-orange.fs-s2.fw-700{font-size:13px !important;font-weight:800 !important;letter-spacing:.08em;text-transform:uppercase}

/* botones */
.button{border-radius:999px !important;font-weight:700 !important}

/* tarjetas: blancas, borde fino, sin sombras pesadas */
.plan-card,.case-card,.testimonio-card,.faq-item,.box{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:14px !important;box-shadow:none !important}
.plan-card--featured{border:2px solid #0066FF !important}
.faq-item{margin-bottom:10px}

/* logos del portafolio: los archivos traen mucho margen transparente; se amplía el logo, no la caja */
.case-logo-only .case-logo img,.case-card.case-logo-only:hover .case-logo img{transform:scale(1.7) !important;filter:grayscale(1);opacity:.55;transition:filter .3s ease,opacity .3s ease !important}
.case-logo-only .case-logo img[src*="sinteci"],.case-card.case-logo-only:hover .case-logo img[src*="sinteci"]{transform:scale(1.25) !important}
.case-card.case-logo-only:hover .case-logo img{filter:none;opacity:1}

/* sello de reseñas Google en el footer */
.g-rating{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:#0f172a;transition:border-color .2s,box-shadow .2s}
.g-rating:hover{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(15,23,42,.08)}
.g-rating b{font-size:17px;font-weight:800}
.g-rating i{font-style:normal;color:#FBBC04;letter-spacing:1px;font-size:15px}
.g-rating small{display:block;font-size:12px;color:#64748b;line-height:1.3}

/* el menú fijo vive en un .container con z-index:1 (custom.css); sin esto el footer le pasa por encima */
.container:has(> .nav-shell){z-index:100}