/* ===============================================================
   css-base.css — Utilidades, helpers, tipografía, iconos, listas
   Se carga en TODAS las páginas.
   Última limpieza: 2026-04
   =============================================================== */


/* ----- Visibilidad / display ----- */

.displaynone {
    display: none;
}

@media only screen and (max-width: 900px) {
    .brmovil {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .col-50 {
        max-width: 48% !important;
    }
}

@media (max-width: 767px) {
    .col-50 {
        max-width: 100% !important;
    }
    .nomovil {
        display: none;
    }
}


/* ----- Hover / efectos ----- */

.boxhover:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}


/* ----- Destacados ----- */

.destacado1 {
    background-color: #a7946060;
    padding: 2px 5px;
}

.destacado2 {
    text-decoration: 8px solid underline #a79460;
    text-underline-position: under;
    text-underline-offset: auto;
}


/* ----- Centrado ----- */

.center1 {
    justify-content: center;
}

.center2 {
    align-items: center;
}

.center3 {
    justify-content: center;
    align-items: center;
    display: grid;
}

.center4 {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.center5 {
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.center6 {
    justify-content: center;
}


/* ----- Texto / helpers ----- */

.noromper {
    white-space: nowrap;
}

.bold {
    font-weight: 900;
}

.text-left {
    text-align: left !important;
}

.forzado-negro {
    color: #000 !important;
}

.forzado-blanco {
    color: #fff !important;
}

.contepost .forzado-negro {
    color: #000 !important;
}

.margenl20 {
    margin-left: 20px;
}

.margenl40 {
    margin-left: 40px;
}

.ml5 {
    margin-left: 5px;
}

.big {
    font-size: larger;
}

.nopointer {
    pointer-events: none;
}

.opacity08 {
    opacity: 0.8;
}

.dorado {
    color: #a79460;
}

.todocenter {
    text-align: center;
}

.icon-center {
    display: inline-block;
    padding: 10px;
}

.img50 {
    max-width: 50px !important;
}

.wp-image-16321 {
    max-width: 50px !important;
}


/* ----- Subrayados ----- */

.subrayado-blanco {
    display: inline;
    border-bottom: 2px solid #fff;
}

.subrayado-negro {
    display: inline;
    border-bottom: 2px solid #000;
}

.subrayado-dorado {
    display: inline;
    border-bottom: 2px solid var(--e-global-color-secondary);
}


/* ----- Links ----- */

a.link01:hover {
    color: #A79460 !important;
}

a:hover .link01 {
    color: #A79460 !important;
    white-space: nowrap;
}


/* ----- Iconos list Elementor ----- */

span.elementor-icon-list-icon {
    width: 20px;
    display: inline-block;
    text-align: center;
}

/* ----- Lightbox carrusel de medios ----- */

header.elementor-slideshow__header.elementor-lightbox-prevent-close {
    background-color: #212121;
}

/* ----- Paginación xpro ----- */

.xpro-elementor-post-pagination .page-numbers.current {
    border-color: var(--e-global-color-secondary);
    background: var(--e-global-color-secondary);
}


/* ----- SVG iconos globales ----- */

.elementor-icon svg g g path {
    fill: #a79460;
}

.elementor-icon svg g path {
    fill: #a79460;
}

.elementor-icon svg path {
    fill: #a79460;
}

.elementor-widget-icon .elementor-icon svg {
    width: 60px;
    font-size: 60px;
    height: 50px;
}

.svg60w.elementor-widget-icon .elementor-icon svg {
    margin-left: -15px;
    width: 80px;
    font-size: 80px;
    height: 50px;
}


/* ----- Iconos timón ----- */

img.timon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

img.timon2 {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}


/* ----- Emoji ----- */

img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 2em !important;
    width: 2em !important;
    margin: 0 0.2em !important;
    vertical-align: -0.5em !important;
    background: none !important;
    padding: 0 !important;
}

img.emoji2 {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 2em !important;
    width: 2em !important;
    margin: 0 0.2em !important;
    vertical-align: -0.5em !important;
    background: none !important;
    padding: 0 !important;
}

img.emoji3 {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1.4em !important;
    width: auto !important;
    margin: 0 0.2em !important;
    vertical-align: -10px !important;
    background: none !important;
    padding: 0 !important;
}

img.emoji4 {
    display: inline !important;
    box-shadow: none !important;
    height: 4em !important;
    width: 4em !important;
    margin: 10px 20px !important;
    vertical-align: middle !important;
    background: none !important;
    padding: 5px !important;
    border: 2px solid #af955d;
    border-radius: 50%;
}

img.emoji4:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: 1s;
}

img.emojix2 {
    height: 2em !important;
    width: 2em !important;
}


/* ----- Check icon override ----- */

.fa-check:before {
    content: '✓' !important;
    font-size: 1em;
}


/* ----- Toggle (acordeones) ----- */

.elementor-toggle-item a.elementor-toggle-title:hover {
    color: var(--e-global-color-97867d7) !important;
}

.elementor-toggle-item ul {
    list-style-type: none !important;
    padding-left: 10px;
}

.elementor-toggle-item ul li:before {
    content: '✓' !important;
    font-size: 1em;
}


/* ----- Listas con check ----- */

ul.list01 {
    list-style-type: none !important;
    padding-left: 10px;
}

ul.list01 li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    font-size: 0.7em;
    padding-right: 0.5em;
}
/*
.ulacts {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style: none;
    font-size: 15px;
    font-weight: 400;
}
.ulacts li:before {
    content: '✓';
    color: #A79460;
}
.ulacts .preciolist {
    display: inline-block;
}
*/
li.elementor-icon-list-item {
    list-style-type: none;
}


/* ----- Iconos toggle "Incluye" ----- */

i.remixicon.ri-timer-fill {
    font-weight: 400;
    font-size: 1.2em;
    width: 16px !important;
    display: inline-block;
    vertical-align: middle;
}

li.elementor-icon-list-item span.elementro-icon-list-icon i {
    font-weight: 400;
    font-size: 1.2em;
    width: 16px !important;
    display: inline-block;
    vertical-align: middle;
}


/* ----- Iconos packs/servicios ----- */

.packiconos {
    margin: 2px;
    font-weight: 400;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 3px;
    border: 1px solid #000;
    border-color: transparent !important;
    border-radius: 30px;
    padding: 5px 10px !important;
    background-color: #a9a9a92e;
}

.packiconos .fa-glass-cheers {
    font-size: 1em;
}

.hm,
.fashm {
    font-size: 1.4em;
    font-weight: 600;
}

.remixicon {
    font-weight: 400;
    font-size: 1.4em;
}

.globsub {
    display: inline-block;
    margin: 3px;
    padding: 5px 10px !important;
    background-color: #f1f1f1;
    border-radius: 30px;
}


/* ----- Botones ----- */

a.botonacordeon {
    background-color: #fff;
    border: 1px solid #444;
    font-size: 14px;
    padding: 0.4em;
    border-radius: 5px;
    margin-left: 10px;
    color: #444;
    text-transform: uppercase;
    white-space: nowrap;
}

a.botonacordeon:hover {
    border: 1px solid #a79460;
    color: #fff;
    background-color: #a79460;
}

.elementor-button-content-wrapper .elementor-button-text {
    flex-grow: 0;
    padding-left: 5px;
}

.botonpreg {
    background-color: #A79460;
    border-radius: 30px !important;
    margin: 2px;
}

.botonpreg:hover {
    opacity: 0.8;
}


/* ----- Image hover effects ----- */

.elementor-col-33 .ha-ihe-fig.ha-effect-ming .ha-ihe-img {
    max-height: 260px;
}

.elementor-col-50 .ha-ihe-fig.ha-effect-ming .ha-ihe-img {
    max-height: 350px;
}


/* ----- Tipografía forzada ----- */

.forzado1 h3 {
    font-weight: 900 !important;
}

h1.forzado1 {
    font-family: "Inconsolata", Sans-serif;
    font-size: 45px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0;
    color: #A79460;
}

h2.forzado1 {
    font-family: "Inconsolata", Sans-serif;
    font-size: 35px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 5px;
    color: #000;
}

h3.forzado1 {
    font-family: "Inconsolata", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    line-height: 1.4em;
    letter-spacing: 4.6px;
    color: #000;
}

h4.forzado1 {
    font-family: "Inconsolata", Sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0;
    color: #000;
}


/* ----- Mapa web ----- */

.linksitemap li a:hover {
    color: #A79460 !important;
}


/* ----- Scrollbar body ----- */

html {
    --scrollbarBG: #fff;
    --thumbBG: #A79460;
}

body::-webkit-scrollbar {
    width: 11px;
}

body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}