.elementor-2021 .elementor-element.elementor-element-d93caa2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2021 .elementor-element.elementor-element-af36772{text-align:center;}.elementor-2021 .elementor-element.elementor-element-af36772 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-2021 .elementor-element.elementor-element-59a0c85{text-align:center;}.elementor-2021 .elementor-element.elementor-element-59a0c85 .elementor-heading-title{font-weight:600;color:var( --e-global-color-accent );}#elementor-popup-modal-2021{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2021 .dialog-message{width:780px;height:90vh;align-items:flex-start;padding:2rem 2rem 2rem 2rem;}#elementor-popup-modal-2021 .dialog-close-button{display:flex;}#elementor-popup-modal-2021 .dialog-widget-content{border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-7a27458 */h1 {
            color: #2c3e50;
            margin-bottom: 10px;
            font-size: 2.2rem;
        }
        
        .subtitle {
            color: #7f8c8d;
            font-size: 1.1rem;
        }
        
        .status-badge {
            display: inline-block;
            background-color: #f39c12;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }
        
        .table-container {
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
        }
        
        thead {
            background-color: #34495e;
            color: white;
        }
        
        thead th {
            padding: 18px 15px;
            text-align: left;
            font-weight: 600;
            font-size: 1.1rem;
        }
        
        tbody tr {
            border-bottom: 1px solid #f0f0f0;
            transition: background-color 0.2s;
        }
        
        tbody tr:hover {
            background-color: #f8f9fa;
        }
        
        tbody tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        tbody tr:nth-child(even):hover {
            background-color: #f1f5f9;
        }
        
        td {
            padding: 16px 15px;
            vertical-align: top;
        }
        
        .date-cell {
            font-weight: 600;
            color: #2c3e50;
            width: 30%;
            min-width: 150px;
        }
        
        .date {
            display: block;
            margin-bottom: 5px;
        }
        
        .holiday-name {
            display: block;
            color: #e74c3c;
            font-weight: 600;
            font-size: 0.95rem;
            margin-top: 5px;
        }
        
        .time-range {
            font-size: 1rem;
            color: #2c3e50;
        }
        
        .holiday-row {
            background-color: #fff9f9 !important;
        }
        
        .footer-note {
            text-align: center;
            color: #7f8c8d;
            font-size: 0.9rem;
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid #eee;
        }
        
        /* Responsive Styles */
        @media (max-width: 768px) {
            .container {
                padding: 10px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            .table-container {
                border-radius: 8px;
            }
            
            table, thead, tbody, th, td, tr {
                display: block;
            }
            
            thead {
                display: none;
            }
            
            tr {
                margin-bottom: 15px;
                border: 1px solid #e0e0e0;
                border-radius: 8px;
                overflow: hidden;
            }
            
            td {
                padding: 12px 15px;
                border: none;
                position: relative;
                padding-left: 40%;
            }
            
            td:before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                width: 35%;
                padding-right: 10px;
                font-weight: 600;
                color: #2c3e50;
            }
            
            .date-cell {
                width: 100%;
                min-width: auto;
                background-color: #f1f5f9;
                border-bottom: 1px solid #e0e0e0;
            }
            
            .date-cell:before {
                content: "Fecha";
            }
            
            .time-range {
                font-size: 0.95rem;
            }
        }
        
        @media (max-width: 480px) {
            h1 {
                font-size: 1.5rem;
            }
            
            .subtitle {
                font-size: 0.95rem;
            }
            
            td {
                padding-left: 45%;
            }
            
            td:before {
                width: 40%;
                font-size: 0.9rem;
            }
            
            .holiday-name {
                font-size: 0.9rem;
            }
        }/* End custom CSS */