.elementor-995 .elementor-element.elementor-element-4d24c6ee{padding:0px 015px 0px 015px;}.elementor-995 .elementor-element.elementor-element-4ab8667 .custom-breadcrumb{background-image:url("https://llavedegranada.es/wp-content/uploads/2026/05/cozy-wood-sauna-with-benches-and-bucket-2026-03-18-13-48-28-utc-scaled.jpg");}.elementor-995 .elementor-element.elementor-element-9f9b4ca > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-995 .elementor-element.elementor-element-60b4ef0{--spacer-size:50px;}@media(max-width:767px){.elementor-bc-flex-widget .elementor-995 .elementor-element.elementor-element-feaaf19.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-995 .elementor-element.elementor-element-feaaf19.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-995 .elementor-element.elementor-element-feaaf19.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for accordion, class: .elementor-element-8a3f0bf *//* ESTILOS UNIFICADOS LLAVE DE GRANADA */

/* 1. Base de tablas */
.tabla-tarifas, 
.tabla-masajes, 
.tabla-spa, 
.tabla-envolturas {
    width: 100%;
    border-collapse: collapse;
    font-family: sans-serif;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 0px;
}

/* 2. Celdas y Cabeceras */
.tabla-tarifas th, .tabla-tarifas td,
.tabla-masajes td,
.tabla-spa th, .tabla-spa td,
.tabla-envolturas th, .tabla-envolturas td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
    transition: background-color 0.2s ease;
}

.tabla-tarifas th, 
.tabla-spa th, 
.tabla-envolturas thead th {
    background-color: #f9f9f9;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    color: #555;
}

/* 3. EFECTO HOVER (Se activa en todas las filas de todas las tablas) */
.tabla-tarifas tbody tr:hover td,
.tabla-masajes tbody tr:hover td,
.tabla-spa tbody tr:hover td,
.tabla-envolturas tbody tr:hover td {
    background-color: #fcf8f3 !important;
}

/* 4. Precios y Resaltados */
.price, 
.spa-price, 
.col-precio {
    font-weight: bold;
    color: #000;
}

.price, .col-precio {
    text-align: right;
    width: 80px;
    white-space: nowrap;
}

.spa-price {
    display: block;
    margin-top: 8px;
    border-top: 1px solid #eee;
    padding-top: 5px;
    text-align: right;
}

/* 5. Textos Secundarios */
small {
    display: block;
    font-weight: normal;
    text-transform: none;
    color: #888;
    margin-top: 2px;
}

.temp-title {
    font-weight: bold;
    display: block;
}

/* 6. Bloques Inferiores (Notas, Horarios, Footers) */
.notas, 
.horario, 
.tabla-footer td {
    font-size: 13px;
    color: #666;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    line-height: 1.6;
}

.horario, 
.highlight-horario {
    font-weight: bold;
    color: #b17e4a; /* Dorado de la marca */
}

.col-descripcion {
    font-size: 14px;
    line-height: 1.5;
}/* End custom CSS */