/* 1. Ocultar Elementos del Tema para evitar distracciones */ header, nav, #masthead, .site-header, .main-header, .elementor-location-header, .ast-main-header-wrap, #main-header, .et_fixed_nav #main-header, .fusion-header-wrapper, .main-navigation, #site-navigation, .primary-menu, .menu-primary-container, .top-bar, footer, #colophon, .site-footer, .main-footer, #footer, .footer, .elementor-location-footer, .fusion-footer, .et-l--footer, .site-info, .copyright, #footer-widgets, #secondary, #sidebar, .widget-area, .sidebar, /* NUEVO: Ocultar títulos de página comunes */ .entry-title, .page-title, .post-title, h1.entry-title, .ast-archive-description { display: none !important; } /* Forzar que el contenido de WordPress no limite el ancho */ .site-content, #content, .page-content, .entry-content, .ast-container, .container { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; border: none !important; } body { background: #fff !important; overflow-x: hidden; } /* 2. Estilos Plugin - REVISADO PARA ANCHO COMPLETO */ .wpcitas-wrapper { font-family: 'Raleway', sans-serif; /* * ⭐ COLOR Y FONDO DECLARADOS, no heredados (14-sep-2026). Con un tema de BLOQUES, su hoja * global mete en el body `background-color` y `color` sacados del theme.json, y estas * pantallas son del plugin entero: un tema oscuro pintaba el portal del paciente oscuro * sin que nada fallara. Declarandolos aqui, el portal se ve igual con cualquier tema. * * ⚠️ Se midio antes de escribirlo, contra el html real de las dos pantallas: con el tema * CLASICO --que es el de produccion-- esto cambia 1.729 pixeles de 1,4 millones, o sea * nada. El TAMAÑO de letra se dejo fuera a proposito: fijarlo cambia 138.685 y eso ya no * es blindar, es rediseñar el portal. */ color: #333; background: #fff; /* * ⭐ Y EL TAMANO BASE, que tambien se heredaba. Twenty Twenty-One pone el body a 1.25rem * --20px-- y el portal crecia con el; otro tema lo pondria a otra cosa. Lo que llevaba su * tamano puesto por el plugin --el nombre del cliente, las cabeceras, los numeros, los * botones-- no se movia; lo que heredaba, si, y por eso la linea de la zona horaria salia * inflada. * * ⚠️ ESTO SE VE EN PRODUCCION, y se decidio a proposito (14-sep-2026) despues de comparar las * dos versiones: esa linea sale algo mas pequena que antes. A cambio, el portal se ve igual * con cualquier tema, que es de lo que iba F4b. */ font-size: 16px; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; } .wpcitas-wrapper .header-banner { width: 100%; max-width: 100%; height: auto; display: block; margin-bottom: 20px; } /* Contenedor interno para que el contenido no se pegue a los bordes en pantallas gigantes */ .wpcitas-section, .wpcitas-menu-container, .wpcitas-ajax-container-inner { max-width: 1200px; margin-left: auto; margin-right: auto; } /* Selector (Flujo normal, alineado a la derecha debajo de la imagen) */ .wpcitas-menu-container { text-align: right; margin: 25px auto 15px auto; padding-right: 5%; box-sizing: border-box; } .wpcitas-nav-select { padding: 12px 20px; border-radius: 8px; border: 2px solid #88f; font-weight: bold; font-family: 'Raleway', sans-serif; color: #55c; background: #fff; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.1); font-size: 1.1rem; } .wpcitas-wrapper .calendar-nav-container { display: flex; justify-content: space-between; align-items: center; width: 98%; max-width: 1200px; margin: 0 auto 15px auto; } /* * 🔴 EL COLOR DE ESTOS DOS BOTONES SE LO LLEVABA EL TEMA (14-sep-2026). Twenty Twenty-One trae * `button:not(:hover):not(:active):not(.has-text-color) { background-color: … }`, que vale * 0,3,1 de especificidad y gana a `.wpcitas-wrapper .nav-btn`, que vale 0,2,0: SIGUIENTE salia * negro y «Avisarme» tambien, en vez de los colores del plugin. * * ⭐ Se repite aqui la misma pareja de `:not()` para subir a 0,4,0 y ganar, en vez de tirar de * `!important`: el hover del plugin sigue mandando en su estado, porque el selector del tema * se excluye solo en :hover y :active. * * ⚠️ El boton ANTERIOR no se veia afectado, pero no por estar bien: cuando esta deshabilitado * lleva su color en un `style=` en linea, y eso gana a todo. Era una casualidad, no un diseño. */ .wpcitas-wrapper .nav-btn:not(:hover):not(:active) { background: #eee; color: #333; } .wpcitas-wrapper .btn-move:not(:hover):not(:active) { background: #55c; color: #fff; } .wpcitas-wrapper .nav-btn { background: #eee; color: #333; border: none; padding: 15px; cursor: pointer; border-radius: 5px; font-weight: bold; font-size: 1rem; white-space: nowrap; text-decoration: none; display: inline-block; line-height: 1; transition: background 0.15s, color 0.15s; } .wpcitas-wrapper .nav-btn:hover { background: #55c; color: #fff; } .wpcitas-wrapper .month-label { font-size: 1.5rem; font-weight: bold; color: #333; text-align: center; flex-grow: 1; margin: 0 10px; } .wpcitas-wrapper .btn-cancel { background: #d63638; color: #fff; border: none; padding: 10px; border-radius: 5px; cursor: pointer; font-size: 1rem; line-height: 1; transition: background .15s; } .wpcitas-wrapper .btn-cancel:hover { background: #a82424; } .wpcitas-wrapper .btn-move { background: #55c; color: #fff; border: none; padding: 10px; border-radius: 5px; cursor: pointer; font-size: 1rem; line-height: 1; transition: background .15s; } .wpcitas-wrapper .btn-move:hover { background: #338; } .wpcitas-wrapper .calendar-table { width: 100%; max-width: 1200px; margin: 0 auto 30px auto; border-collapse: separate; border-spacing: 5px; table-layout: fixed; border: none !important;} .wpcitas-wrapper .calendar-head { padding: 15px 0; text-align: center; border-radius: 8px; font-weight: bold; background: #55c; color: #fff; } .wpcitas-wrapper .calendar-day { padding: 20px 0; text-align: center; border-radius: 8px; cursor: pointer; background: #eee; font-size: 1.1rem; border: none !important;} .wpcitas-wrapper .day-active { background: #55c; color: #fff; } .wpcitas-wrapper .day-disabled { background: #ccc !important; color: #555; cursor: default; } .wpcitas-wrapper .slot-btn { display: block; width: 40%; max-width: 300px; margin: 10px auto; padding: 20px; background: #55c; color: #fff; text-decoration: none; border-radius: 10px; font-size: 1.5rem; font-weight: bold; text-align: center; } .wpcitas-wrapper .slot-online { background: #a838a8; } /* Accesibilidad: el hueco pasó de a