/*
Theme Name: kujorl child
Theme URI: http://asorl.org
Description: Tema hijo de kujorl
Author: Esquido
Template: kujorl
Version: 1.0
this is esquido elementor addon template for this theme.
*/

/* CSS Document */

                       .t-precios-congreso {
                                        max-width: 1000px;
                                        margin: 20px auto;
                                        font-family: sans-serif;
                                    }

                                    .t-precios-congreso table {
                                        width: 100%;
                                        border-collapse: collapse;
                                        text-align: center;
                                    }

                                    .t-precios-congreso th {
                                        padding: 10px;
                                        text-transform: uppercase;
                                        font-size: 14px;
                                        vertical-align: bottom;
                                    }

                                    .t-precios-congreso .cat-header {
                                        text-align: left;
                                        font-size: 22px;
                                        width: 35%;
                                    }

                                    .t-precios-congreso .sub-date {
                                        display: block;
                                        font-size: 10px;
                                        color: #d00000;
                                        text-transform: none;
                                        margin-top: 2px;
                                    }

                                    .t-precios-congreso td {
                                        padding: 12px 10px;
                                        position: relative;
                                    }

                                    .t-precios-congreso .pill {
                                        background-color: #d3d9e5;
                                        border-radius: 25px;
                                        padding: 15px;
                                        height: 50px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        font-size: 24px;
                                        font-weight: bold;
                                        color: #1a1a1a;
                                    }

                                    .t-precios-congreso .category-text {
                                        text-align: left;
                                        font-size: 18px;
                                        font-weight: bold;
                                        color: #333;
                                        line-height: 1.2;
                                    }

                                    .t-precios-congreso .border-left {
                                        border-left: 2px solid #000;
                                    }

                                    .t-precios-congreso .empty-pill {
                                        background-color: transparent;
                                    }

                                    /* --- RESPONSIVE DESIGN --- */
                                    @media screen and (max-width: 768px) {
                                        .t-precios-congreso thead {
                                            display: none;
                                        }

                                        .t-precios-congreso tr {
                                            display: block;
                                            margin-bottom: 2rem;
                                            border: 1px solid #ddd;
                                            border-radius: 15px;
                                            padding: 15px;
                                            background: #fff;
                                        }

                                        .t-precios-congreso td {
                                            display: flex;
                                            justify-content: space-between;
                                            align-items: center;
                                            text-align: right;
                                            border: none !important;
                                            padding: 15px 0;
                                            border-bottom: 1px solid #eee !important;
                                        }

                                        .t-precios-congreso .category-text {
                                            display: block;
                                            width: 100%;
                                            text-align: center;
                                            font-size: 20px;
                                            color: #d00000;
                                            margin-bottom: 10px;
                                            border-bottom: 2px solid #333 !important;
                                        }

                                        /* Contenedor para etiqueta + fecha en móvil */
                                        .t-precios-congreso td:not(.category-text)::before {
                                            content: attr(data-label) "\A" attr(data-date);
                                            white-space: pre;
                                            /* Permite el salto de línea para la fecha */
                                            font-weight: bold;
                                            text-transform: uppercase;
                                            font-size: 14px;
                                            text-align: left;
                                            line-height: 1.2;
                                            color: #333;
                                            flex: 1;
                                        }

                                        /* Estilo específico para la fecha en el pseudo-elemento */
                                        /* Nota: La fecha heredará el estilo, pero la manejamos con el salto de línea \A */
                                        .t-precios-congreso .pill {
                                            flex: 0 0 110px;
                                            height: 40px;
                                            font-size: 18px;
                                        }

                                        .t-precios-congreso td:has(.empty-pill) {
                                            display: none;
                                        }
                                    }