/*
    Definimos estilos de contenido generales como tamaños de fuente, colores, márgenes, etc.
*/
body{
    font-family: "Inter", serif;
    font-display: swap;
}
/* Títulos principales */
p{
    line-height: 1.2;
}

.bg-color-grey{
    background-color: #F6F6F6;;
}

.bg-color-lgrey{
    background-color: #ededed;
}

.bg-bar-grey{
    background-color: #e2e2e2;
    height: 40vh;
    position: absolute;
    z-index: -1;
    width: 100%;
}

.bg-color-dark{
    background-color: #000;
}

.font-color-yellow{
    color: #FFD000;
}

.font-color-white{
    color: #FFF;
}

.bc-grey{
    border-color: #cbcbcb !important;
}

.bg-white{
    background-color: #FFF;
}

.main-content img {
    max-width: 100%;
    height: auto;
}

.title-hero{
    font-size: 3.5rem; /* Tamaño grande */
    font-weight: bold;
    line-height: 1.2;
}

.subtitle-hero{
    font-size: 2.5rem; /* Subtítulo del título grande */
}


.title-top {
    font-size: 2.8rem; /* Tamaño grande */
    font-weight: bold;
}

.subtitle-top {
    font-size: 3rem; /* Subtítulo del título grande */
}

/* Títulos de sección */
.title-section {
    font-size: 2.8rem; /* Tamaño mediano */
    font-weight: bold;
    line-height: 1.2;
}

.subtitle-section {
    font-size: 1.5rem; /* Subtítulo de la sección */
    line-height: 1.2;
}

/* Títulos pequeños */
.title-content {
    font-size: 2rem; /* Tamaño pequeño */
    font-weight: bold;
    margin-bottom: 0.6rem;
}

.subtitle-content {
    font-size: 1.5rem; /* Subtítulo del título pequeño */
    font-weight: 400;
    margin-bottom: 0.6rem;
}



.bullets-yellow-list ul {
    list-style: none;
    padding-left: 0;
    margin: 30px 0 0;
}
.bullets-yellow-list ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}
.bullets-yellow-list ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: none;
    background-color: transparent;
    border: 2px solid #FFD000;
    border-radius: 50%;
    margin-top: 4px;
    margin-right: 9px;
    position: absolute;
    left: 0;
    top: 5px;
}

.orion-accordion-wrap{
    margin-bottom: 10px;
}

.orion-accordion-bar{
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FFD000;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;

}

.orion-accordion-bar h3{
    font-size: 1.3em;
    margin: 0px;
}

.orion-accordion-icon-pos{
    width: 12px;
    height: 12px;
    background-image: url("../images/plus-black-x12.png");
}

.orion-accordion-is-open .orion-accordion-icon-pos{
    background-image: url("../images/minus-black-x12.png");
}

.icon-toggle-right.orion-accordion-is-open{
    background-image: url("../images/minus-black-x12.png");
}

.element-full-width{
    width: 100%;
}



/* media query */
/* Pantallas pequeñas */
@media (max-width: 576px) {
    .text-sm-center {
        text-align: center;
    }

    .title-hero{
        font-size: 2.5rem; /* Tamaño grande */
    }

    .subtitle-hero{
        font-size: 1.5rem; /* Subtítulo del título grande */
    }

    .title-top {
        font-size: 2.5rem; /* Tamaño grande */
    }

    .subtitle-top {
        font-size: 2rem; /* Subtítulo del título grande */
    }

    .title-section {
        font-size: 2.5rem; /* Tamaño mediano */
    }

    .subtitle-section {
        font-size: 1.2rem; /* Subtítulo de la sección */
    }

    .title-content {
        font-size: 2rem; /* Tamaño pequeño */
    }

    .subtitle-content {
        font-size: 1.2rem; /* Subtítulo del título pequeño */
    }
}



/** Media Querys Generales **/
/* Para xs, sm, md, lg,xl*/
/* Smartphones (portrait & landscape) */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .xs-text-align-right{ text-align:right;}
    .xs-text-align-center{ text-align:center;}
    .xd-display-inline-block{ display:inline-block;}
    .xs-float-right{float:right;}
    .xs-display-none{display:none;}
    .xs-bg-cover{ background-size: cover;}
    .xs-bg-contain{background-size: contain}

    .xs-font-size-10pt { font-size: 10pt; }
    .xs-font-size-11pt { font-size: 11pt; }
    .xs-font-size-12pt { font-size: 12pt; }
    .xs-font-size-13pt { font-size: 13pt; }
    .xs-font-size-14pt { font-size: 14pt; }
    .xs-font-size-15pt { font-size: 15pt; }
    .xs-font-size-16pt { font-size: 16pt; }
    .xs-font-size-17pt { font-size: 17pt; }
    .xs-font-size-18pt { font-size: 18pt; }
    .xs-font-size-19pt { font-size: 19pt; }
    .xs-font-size-20pt { font-size: 20pt; }
    .xs-font-size-21pt { font-size: 21pt; }
    .xs-font-size-22pt { font-size: 22pt; }
    .xs-font-size-23pt { font-size: 23pt; }
    .xs-font-size-24pt { font-size: 24pt; }
    .xs-font-size-25pt { font-size: 25pt; }
    .xs-font-size-26pt { font-size: 26pt; }
    .xs-font-size-27pt { font-size: 27pt; }
    .xs-font-size-28pt { font-size: 28pt; }
    .xs-font-size-29pt { font-size: 29pt; }
    .xs-font-size-30pt { font-size: 30pt; }
    .xs-font-size-31pt { font-size: 31pt; }
    .xs-font-size-32pt { font-size: 32pt; }
    .xs-font-size-33pt { font-size: 33pt; }
    .xs-font-size-34pt { font-size: 34pt; }
    .xs-font-size-35pt { font-size: 35pt; }
    .xs-font-size-36pt { font-size: 36pt; }
    .xs-font-size-37pt { font-size: 37pt; }
    .xs-font-size-38pt { font-size: 38pt; }
    .xs-font-size-39pt { font-size: 39pt; }
    .xs-font-size-40pt { font-size: 40pt; }
    .xs-font-size-41pt { font-size: 41pt; }
    .xs-font-size-42pt { font-size: 42pt; }
    .xs-font-size-43pt { font-size: 43pt; }
    .xs-font-size-44pt { font-size: 44pt; }
    .xs-font-size-45pt { font-size: 45pt; }
    .xs-font-size-46pt { font-size: 46pt; }
    .xs-font-size-47pt { font-size: 47pt; }
    .xs-font-size-48pt { font-size: 48pt; }
    .xs-font-size-49pt { font-size: 49pt; }
    .xs-font-size-50pt { font-size: 50pt; }
    .xs-font-size-51pt { font-size: 51pt; }
    .xs-font-size-52pt { font-size: 52pt; }
    .xs-font-size-53pt { font-size: 53pt; }
    .xs-font-size-54pt { font-size: 54pt; }
    .xs-font-size-55pt { font-size: 55pt; }
    .xs-font-size-56pt { font-size: 56pt; }
    .xs-font-size-57pt { font-size: 57pt; }
    .xs-font-size-58pt { font-size: 58pt; }
    .xs-font-size-59pt { font-size: 59pt; }
    .xs-font-size-60pt { font-size: 60pt; }

    .xs-spacer-v-100px{ height: 100px; }
    .xs-spacer-v-200px{ height: 200px; }
    .xs-spacer-v-300px{ height: 300px; }
    .xs-spacer-v-400px{ height: 400px; }
    .xs-spacer-v-500px{ height: 500px; }
    .xs-spacer-h-100{ width: 100%; }
    .xs-spacer-h-100px{ width: 100px; }
    .xs-spacer-h-200px{ width: 200px; }
    .xs-spacer-h-300px{ width: 300px; }
    .xs-spacer-h-400px{ width: 400px; }
    .xs-spacer-h-500px{ width: 500px; }

    .text-center-xs{
        text-align: center;
    }

    .xs-bb-1px{border-bottom: 1px solid #000;}
    .xs-br-1px{border-right: 1px solid #000;}

}

/* #Dispositivo = Tablets de baja resolución y teléfonos Móviles (horizontal)*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .sm-text-align-right{ text-align:right;}
    .sm-text-align-center{ text-align:center;}
    .sm-display-inline-block{ display:inline-block;}
    .sm-float-right{float:right;}
    .sm-display-none{display:none;}
    .sm-bg-cover{ background-size: cover;}
    .sm-bg-contain{background-size: contain}

    .sm-font-size-10pt { font-size: 10pt; }
    .sm-font-size-11pt { font-size: 11pt; }
    .sm-font-size-12pt { font-size: 12pt; }
    .sm-font-size-13pt { font-size: 13pt; }
    .sm-font-size-14pt { font-size: 14pt; }
    .sm-font-size-15pt { font-size: 15pt; }
    .sm-font-size-16pt { font-size: 16pt; }
    .sm-font-size-17pt { font-size: 17pt; }
    .sm-font-size-18pt { font-size: 18pt; }
    .sm-font-size-19pt { font-size: 19pt; }
    .sm-font-size-20pt { font-size: 20pt; }
    .sm-font-size-21pt { font-size: 21pt; }
    .sm-font-size-22pt { font-size: 22pt; }
    .sm-font-size-23pt { font-size: 23pt; }
    .sm-font-size-24pt { font-size: 24pt; }
    .sm-font-size-25pt { font-size: 25pt; }
    .sm-font-size-26pt { font-size: 26pt; }
    .sm-font-size-27pt { font-size: 27pt; }
    .sm-font-size-28pt { font-size: 28pt; }
    .sm-font-size-29pt { font-size: 29pt; }
    .sm-font-size-30pt { font-size: 30pt; }
    .sm-font-size-31pt { font-size: 31pt; }
    .sm-font-size-32pt { font-size: 32pt; }
    .sm-font-size-33pt { font-size: 33pt; }
    .sm-font-size-34pt { font-size: 34pt; }
    .sm-font-size-35pt { font-size: 35pt; }
    .sm-font-size-36pt { font-size: 36pt; }
    .sm-font-size-37pt { font-size: 37pt; }
    .sm-font-size-38pt { font-size: 38pt; }
    .sm-font-size-39pt { font-size: 39pt; }
    .sm-font-size-40pt { font-size: 40pt; }
    .sm-font-size-41pt { font-size: 41pt; }
    .sm-font-size-42pt { font-size: 42pt; }
    .sm-font-size-43pt { font-size: 43pt; }
    .sm-font-size-44pt { font-size: 44pt; }
    .sm-font-size-45pt { font-size: 45pt; }
    .sm-font-size-46pt { font-size: 46pt; }
    .sm-font-size-47pt { font-size: 47pt; }
    .sm-font-size-48pt { font-size: 48pt; }
    .sm-font-size-49pt { font-size: 49pt; }
    .sm-font-size-50pt { font-size: 50pt; }
    .sm-font-size-51pt { font-size: 51pt; }
    .sm-font-size-52pt { font-size: 52pt; }
    .sm-font-size-53pt { font-size: 53pt; }
    .sm-font-size-54pt { font-size: 54pt; }
    .sm-font-size-55pt { font-size: 55pt; }
    .sm-font-size-56pt { font-size: 56pt; }
    .sm-font-size-57pt { font-size: 57pt; }
    .sm-font-size-58pt { font-size: 58pt; }
    .sm-font-size-59pt { font-size: 59pt; }
    .sm-font-size-60pt { font-size: 60pt; }


    .sm-spacer-v-100px { height: 100px; }
    .sm-spacer-v-200px { height: 200px; }
    .sm-spacer-v-300px { height: 300px; }
    .sm-spacer-v-400px { height: 400px; }
    .sm-spacer-v-500px { height: 500px; }
    .sm-spacer-h-100 { width: 100%; }
    .sm-spacer-h-100px { width: 100px; }
    .sm-spacer-h-200px { width: 200px; }
    .sm-spacer-h-300px { width: 300px; }
    .sm-spacer-h-400px { width: 400px; }
    .sm-spacer-h-500px { width: 500px; }

    .text-center-sm{
        text-align: center;
    }

    .sm-bb-1px{border-bottom: 1px solid #000;}
    .sm-br-1px{border-right: 1px solid #000;}

}

/* iPads (portrait & landscape) */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .md-text-align-right{ text-align:right;}
    .md-text-align-center{ text-align:center;}
    .md-display-inline-block{ display:inline-block;}
    .md-float-right{float:right;}
    .md-display-none{display:none;}

    .md-font-size-10pt { font-size: 10pt; }
    .md-font-size-11pt { font-size: 11pt; }
    .md-font-size-12pt { font-size: 12pt; }
    .md-font-size-13pt { font-size: 13pt; }
    .md-font-size-14pt { font-size: 14pt; }
    .md-font-size-15pt { font-size: 15pt; }
    .md-font-size-16pt { font-size: 16pt; }
    .md-font-size-17pt { font-size: 17pt; }
    .md-font-size-18pt { font-size: 18pt; }
    .md-font-size-19pt { font-size: 19pt; }
    .md-font-size-20pt { font-size: 20pt; }
    .md-font-size-21pt { font-size: 21pt; }
    .md-font-size-22pt { font-size: 22pt; }
    .md-font-size-23pt { font-size: 23pt; }
    .md-font-size-24pt { font-size: 24pt; }
    .md-font-size-25pt { font-size: 25pt; }
    .md-font-size-26pt { font-size: 26pt; }
    .md-font-size-27pt { font-size: 27pt; }
    .md-font-size-28pt { font-size: 28pt; }
    .md-font-size-29pt { font-size: 29pt; }
    .md-font-size-30pt { font-size: 30pt; }
    .md-font-size-31pt { font-size: 31pt; }
    .md-font-size-32pt { font-size: 32pt; }
    .md-font-size-33pt { font-size: 33pt; }
    .md-font-size-34pt { font-size: 34pt; }
    .md-font-size-35pt { font-size: 35pt; }
    .md-font-size-36pt { font-size: 36pt; }
    .md-font-size-37pt { font-size: 37pt; }
    .md-font-size-38pt { font-size: 38pt; }
    .md-font-size-39pt { font-size: 39pt; }
    .md-font-size-40pt { font-size: 40pt; }
    .md-font-size-41pt { font-size: 41pt; }
    .md-font-size-42pt { font-size: 42pt; }
    .md-font-size-43pt { font-size: 43pt; }
    .md-font-size-44pt { font-size: 44pt; }
    .md-font-size-45pt { font-size: 45pt; }
    .md-font-size-46pt { font-size: 46pt; }
    .md-font-size-47pt { font-size: 47pt; }
    .md-font-size-48pt { font-size: 48pt; }
    .md-font-size-49pt { font-size: 49pt; }
    .md-font-size-50pt { font-size: 50pt; }
    .md-font-size-51pt { font-size: 51pt; }
    .md-font-size-52pt { font-size: 52pt; }
    .md-font-size-53pt { font-size: 53pt; }
    .md-font-size-54pt { font-size: 54pt; }
    .md-font-size-55pt { font-size: 55pt; }
    .md-font-size-56pt { font-size: 56pt; }
    .md-font-size-57pt { font-size: 57pt; }
    .md-font-size-58pt { font-size: 58pt; }
    .md-font-size-59pt { font-size: 59pt; }
    .md-font-size-60pt { font-size: 60pt; }

    .md-spacer-v-100px { height: 100px; }
    .md-spacer-v-200px { height: 200px; }
    .md-spacer-v-300px { height: 300px; }
    .md-spacer-v-400px { height: 400px; }
    .md-spacer-v-500px { height: 500px; }
    .md-spacer-h-100 { width: 100%; }
    .md-spacer-h-100px { width: 100px; }
    .md-spacer-h-200px { width: 200px; }
    .md-spacer-h-300px { width: 300px; }
    .md-spacer-h-400px { width: 400px; }
    .md-spacer-h-500px { width: 500px; }

    .md-br-1px{border-right: 1px solid #000;}
    .md-br-2px{border-right: 2px solid #000;}
    .md-br-3px{border-right: 3px solid #000;}
    .md-br-4px{border-right: 4px solid #000;}
    .md-br-5px{border-right: 5px solid #000;}

    .md-bb-1px{border-bottom: 1px solid #000;}
    .md-br-1px{border-right: 1px solid #000;}
}

/* Ordenadores de sobremesa y portátiles */
@media only screen and (min-width :1025px) and (max-width : 1224px) {
    .lg-text-align-right{ text-align:right;}
    .lg-text-align-center{ text-align:center;}
    .lg-display-inline-block{ display:inline-block;}
    .lg-float-right{float:right;}
    .lg-display-none{display:none;}

    .lg-font-size-10pt { font-size: 10pt; }
    .lg-font-size-11pt { font-size: 11pt; }
    .lg-font-size-12pt { font-size: 12pt; }
    .lg-font-size-13pt { font-size: 13pt; }
    .lg-font-size-14pt { font-size: 14pt; }
    .lg-font-size-15pt { font-size: 15pt; }
    .lg-font-size-16pt { font-size: 16pt; }
    .lg-font-size-17pt { font-size: 17pt; }
    .lg-font-size-18pt { font-size: 18pt; }
    .lg-font-size-19pt { font-size: 19pt; }
    .lg-font-size-20pt { font-size: 20pt; }
    .lg-font-size-21pt { font-size: 21pt; }
    .lg-font-size-22pt { font-size: 22pt; }
    .lg-font-size-23pt { font-size: 23pt; }
    .lg-font-size-24pt { font-size: 24pt; }
    .lg-font-size-25pt { font-size: 25pt; }
    .lg-font-size-26pt { font-size: 26pt; }
    .lg-font-size-27pt { font-size: 27pt; }
    .lg-font-size-28pt { font-size: 28pt; }
    .lg-font-size-29pt { font-size: 29pt; }
    .lg-font-size-30pt { font-size: 30pt; }
    .lg-font-size-31pt { font-size: 31pt; }
    .lg-font-size-32pt { font-size: 32pt; }
    .lg-font-size-33pt { font-size: 33pt; }
    .lg-font-size-34pt { font-size: 34pt; }
    .lg-font-size-35pt { font-size: 35pt; }
    .lg-font-size-36pt { font-size: 36pt; }
    .lg-font-size-37pt { font-size: 37pt; }
    .lg-font-size-38pt { font-size: 38pt; }
    .lg-font-size-39pt { font-size: 39pt; }
    .lg-font-size-40pt { font-size: 40pt; }
    .lg-font-size-41pt { font-size: 41pt; }
    .lg-font-size-42pt { font-size: 42pt; }
    .lg-font-size-43pt { font-size: 43pt; }
    .lg-font-size-44pt { font-size: 44pt; }
    .lg-font-size-45pt { font-size: 45pt; }
    .lg-font-size-46pt { font-size: 46pt; }
    .lg-font-size-47pt { font-size: 47pt; }
    .lg-font-size-48pt { font-size: 48pt; }
    .lg-font-size-49pt { font-size: 49pt; }
    .lg-font-size-50pt { font-size: 50pt; }
    .lg-font-size-51pt { font-size: 51pt; }
    .lg-font-size-52pt { font-size: 52pt; }
    .lg-font-size-53pt { font-size: 53pt; }
    .lg-font-size-54pt { font-size: 54pt; }
    .lg-font-size-55pt { font-size: 55pt; }
    .lg-font-size-56pt { font-size: 56pt; }
    .lg-font-size-57pt { font-size: 57pt; }
    .lg-font-size-58pt { font-size: 58pt; }
    .lg-font-size-59pt { font-size: 59pt; }
    .lg-font-size-60pt { font-size: 60pt; }

    .lg-spacer-v-100px { height: 100px; }
    .lg-spacer-v-200px { height: 200px; }
    .lg-spacer-v-300px { height: 300px; }
    .lg-spacer-v-400px { height: 400px; }
    .lg-spacer-v-500px { height: 500px; }
    .lg-spacer-h-100 { width: 100%; }
    .lg-spacer-h-100px { width: 100px; }
    .lg-spacer-h-200px { width: 200px; }
    .lg-spacer-h-300px { width: 300px; }
    .lg-spacer-h-400px { width: 400px; }
    .lg-spacer-h-500px { width: 500px; }

    .lg-br-1px{border-right: 1px solid #000;}
    .lg-br-2px{border-right: 2px solid #000;}
    .lg-br-3px{border-right: 3px solid #000;}
    .lg-br-4px{border-right: 4px solid #000;}
    .lg-br-5px{border-right: 5px solid #000;}

    .lg-bb-1px{border-bottom: 1px solid #000;}
    .lg-br-1px{border-right: 1px solid #000;}
}

/* Pantallas grandes */
@media only screen and (min-width : 1224px) {
    .xl-text-align-right{ text-align:right;}
    .xl-text-align-center{ text-align:center;}
    .xl-display-inline-block{ display:inline-block;}
    .xl-float-right{float:right;}
    .xl-display-none{display:none;}

    .xl-font-size-10pt { font-size: 10pt; }
    .xl-font-size-11pt { font-size: 11pt; }
    .xl-font-size-12pt { font-size: 12pt; }
    .xl-font-size-13pt { font-size: 13pt; }
    .xl-font-size-14pt { font-size: 14pt; }
    .xl-font-size-15pt { font-size: 15pt; }
    .xl-font-size-16pt { font-size: 16pt; }
    .xl-font-size-17pt { font-size: 17pt; }
    .xl-font-size-18pt { font-size: 18pt; }
    .xl-font-size-19pt { font-size: 19pt; }
    .xl-font-size-20pt { font-size: 20pt; }
    .xl-font-size-21pt { font-size: 21pt; }
    .xl-font-size-22pt { font-size: 22pt; }
    .xl-font-size-23pt { font-size: 23pt; }
    .xl-font-size-24pt { font-size: 24pt; }
    .xl-font-size-25pt { font-size: 25pt; }
    .xl-font-size-26pt { font-size: 26pt; }
    .xl-font-size-27pt { font-size: 27pt; }
    .xl-font-size-28pt { font-size: 28pt; }
    .xl-font-size-29pt { font-size: 29pt; }
    .xl-font-size-30pt { font-size: 30pt; }
    .xl-font-size-31pt { font-size: 31pt; }
    .xl-font-size-32pt { font-size: 32pt; }
    .xl-font-size-33pt { font-size: 33pt; }
    .xl-font-size-34pt { font-size: 34pt; }
    .xl-font-size-35pt { font-size: 35pt; }
    .xl-font-size-36pt { font-size: 36pt; }
    .xl-font-size-37pt { font-size: 37pt; }
    .xl-font-size-38pt { font-size: 38pt; }
    .xl-font-size-39pt { font-size: 39pt; }
    .xl-font-size-40pt { font-size: 40pt; }
    .xl-font-size-41pt { font-size: 41pt; }
    .xl-font-size-42pt { font-size: 42pt; }
    .xl-font-size-43pt { font-size: 43pt; }
    .xl-font-size-44pt { font-size: 44pt; }
    .xl-font-size-45pt { font-size: 45pt; }
    .xl-font-size-46pt { font-size: 46pt; }
    .xl-font-size-47pt { font-size: 47pt; }
    .xl-font-size-48pt { font-size: 48pt; }
    .xl-font-size-49pt { font-size: 49pt; }
    .xl-font-size-50pt { font-size: 50pt; }
    .xl-font-size-51pt { font-size: 51pt; }
    .xl-font-size-52pt { font-size: 52pt; }
    .xl-font-size-53pt { font-size: 53pt; }
    .xl-font-size-54pt { font-size: 54pt; }
    .xl-font-size-55pt { font-size: 55pt; }
    .xl-font-size-56pt { font-size: 56pt; }
    .xl-font-size-57pt { font-size: 57pt; }
    .xl-font-size-58pt { font-size: 58pt; }
    .xl-font-size-59pt { font-size: 59pt; }
    .xl-font-size-60pt { font-size: 60pt; }

    .xl-spacer-v-100px { height: 100px; }
    .xl-spacer-v-200px { height: 200px; }
    .xl-spacer-v-300px { height: 300px; }
    .xl-spacer-v-400px { height: 400px; }
    .xl-spacer-v-500px { height: 500px; }
    .xl-spacer-h-100 { width: 100%; }
    .xl-spacer-h-100px { width: 100px; }
    .xl-spacer-h-200px { width: 200px; }
    .xl-spacer-h-300px { width: 300px; }
    .xl-spacer-h-400px { width: 400px; }
    .xl-spacer-h-500px { width: 500px; }

    .xl-br-1px{border-right: 1px solid #000;}
    .xl-br-2px{border-right: 2px solid #000;}
    .xl-br-3px{border-right: 3px solid #000;}
    .xl-br-4px{border-right: 4px solid #000;}
    .xl-br-5px{border-right: 5px solid #000;}

    .xl-bb-1px{border-bottom: 1px solid #000;}
    .xl-br-1px{border-right: 1px solid #000;}

}


/* --- Envoltorio de contenido ------------------------------------------ */
.ancho-completo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ancho-aire, 30px);
    padding-right: var(--ancho-aire, 30px);
}

@media (min-width: 576px)  { .ancho-completo { max-width: var(--ancho-maximo, 540px); } }
@media (min-width: 768px)  { .ancho-completo { max-width: var(--ancho-maximo, 720px); } }
@media (min-width: 992px)  { .ancho-completo { max-width: var(--ancho-maximo, 960px); } }
@media (min-width: 1200px) { .ancho-completo { max-width: var(--ancho-maximo, 1140px); } }
@media (min-width: 1400px) { .ancho-completo { max-width: var(--ancho-maximo, 1320px); } }

@media (max-width: 767.98px) {
    .ancho-completo { --ancho-aire: 15px; }
}

/* --- Carruseles slick ------------------------------------------------- */
.slick-slider-block-wrap { margin-top: 30px; }

.slick-slider-block .slick-next,
.slick-slider-block .slick-prev {
    width: 40px;
    height: 40px;
    z-index: 2;
}

.slick-slider-block .slick-next::before,
.slick-slider-block .slick-prev::before {
    font-size: 38px;
    color: #FFD000;
    opacity: 1;
}

.slick-slider-block .slick-next::after,
.slick-slider-block .slick-prev::after {
    content: "";
    position: absolute;
    top: 42%;
    left: 50%;
    width: 30px;
    height: 30px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .slick-slider-block .slick-prev { left: 4px; }
    .slick-slider-block .slick-next { right: 4px; }
}

.slick-slider-block .slick-dots li,
.slick-slider-block .slick-dots li button,
.slick-slider-block .slick-dots li button::before {
    height: 4px;
    width: 28px;
}

.slick-slider-block .slick-dots li button { padding: 0; }

.slick-slider-block .slick-dots li button::before {
    content: "";
    background: #d9d9d9;
    opacity: 1;
}

.slick-slider-block .slick-dots li.slick-active button::before { background-color: #FFD000; }
.slick-slider-block .slick-dots li:only-child { display: none; }
.slick-slider-block .slick-slide { height: inherit; }

@media (max-width: 480px) {
    .slick-slider-block .slick-slide > div { padding: 10px; }
}

/* --- Página de prueba del encabezado V2 (tpl-header-v2-demo.php) -------- */
.header-v2-demo .hv2d-hero {
    display: flex;
    align-items: center;
    min-height: var(--hv2d-alto, 560px);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .35) 55%, rgba(0, 0, 0, .1) 100%), var(--hv2d-foto);
    background-size: cover;
    background-position: center center;
}

.header-v2-demo .hv2d-hero-copy {
    color: #FFFFFF;
}

.header-v2-demo .hv2d-hero-copy h1 {
    max-width: 760px;
    font-size: var(--hv2d-titulo, 40px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
    margin: 0 0 16px;
}

.header-v2-demo .hv2d-hero-copy p {
    max-width: 600px;
    font-size: 19px;
    line-height: 1.5;
    margin: 0 0 26px;
}

.header-v2-demo .hv2d-cta {
    --pastilla-aire: 15px 44px;
    --pastilla-tamano: 19px;
}

.header-v2-demo .hv2d-notas {
    --seccion-aire: 55px;
}

.header-v2-demo .hv2d-notas p,
.header-v2-demo .hv2d-notas li {
    font-size: 17px;
    line-height: 1.6;
}

.header-v2-demo .hv2d-notas p + p,
.header-v2-demo .hv2d-notas p + h3 {
    margin-top: 1.1em;
}

.header-v2-demo .hv2d-subtitulo {
    font-size: 22px;
    font-weight: 700;
    margin: 34px 0 14px;
}

.header-v2-demo .hv2d-lista {
    --marca-color: #FFD000;
    max-width: 900px;
}

.header-v2-demo .hv2d-notas code {
    padding: 1px 6px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .07);
    font-size: .94em;
}

@media (max-width: 767.98px) {
    .header-v2-demo {
        --hv2d-alto: 420px;
        --hv2d-titulo: 28px;
    }

    .header-v2-demo .hv2d-hero-copy p {
        font-size: 17px;
    }
}