/* 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;
    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; }
.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> a <button> -> reset para conservar el aspecto */
.wpcitas-wrapper .slot-btn { border: 0; font-family: inherit; cursor: pointer; }
/* Foco visible por teclado (días de la rejilla, huecos, navegación de mes y selector) */
.wpcitas-wrapper .calendar-day:focus-visible,
.wpcitas-wrapper .slot-btn:focus-visible,
.wpcitas-wrapper .nav-btn:focus-visible,
.wpcitas-nav-select:focus-visible {
    outline: 3px solid #338;
    outline-offset: 2px;
}

/* Estilos Secciones */
.wpcitas-section { display: none; width: 100%; margin: 10px auto 30px auto; padding: 20px; background: #fff; box-sizing: border-box; }
.active-section { display: block; }
.data-table { width: 100%; border-collapse: collapse; margin-top: 20px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.data-table th { background: #55c; color: #fff; padding: 15px; text-align: left; }
.data-table td { padding: 15px; border: none; }
@media (max-width: 600px) {
    /* Contenedor al borde de la pantalla */
    .wpcitas-wrapper { width: 95%; left: 2.5%; right: 0; margin-left: 0; margin-right: 0; }
    /* Sección al 98% para ganar espacio lateral */
    .wpcitas-section { width: 98%; padding: 10px 5px; }
    .wpcitas-menu-container { text-align: center; padding-right: 0; margin-bottom: 20px; }
    .wpcitas-wrapper .month-label { font-size: 1rem; }
    .wpcitas-wrapper .nav-btn { padding: 10px; font-size: 0.8rem; border: none; }
    /* CALENDARIO: Reducimos espacio entre celdas para que los días crezcan */
    .wpcitas-wrapper .calendar-table { width: 100%; border-spacing: 2px; border: none; }
    /* DÍAS: Sin bordes y más grandes */
    .wpcitas-wrapper .calendar-day { padding: 15px 0; font-size: 1rem; border: none; }
    /* BOTONES DE HORA: Al 95% de ancho y sin bordes */
    .wpcitas-wrapper .slot-btn { width: 88%; font-size: 1.3rem; border: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Sombra suave en lugar de borde */}
    /* SELECTOR: Sin borde */
    .wpcitas-nav-select { width: 100%; font-size: 1rem; border: none; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
}