/* Color de enlaces. */
a {
    color: var(--sitecolor1);
}

/* Color de la selección. */

::selection {
	background: var(--sitecolor2);
}

::-moz-selection {
	background: var(--sitecolor2);
}

::-webkit-selection {
	background: var(--sitecolor2);
}

/* Párrafos dentro de elementos blockquote. */
blockquote p {
    margin-bottom: 15px;
}

/* Listas ordenadas y no ordenadas. */
ul, ol {
    margin-left: 16px;
}

/* Alineación de elementos incrustados en cuerpos de texto, ej. por editor de texto enriquecido. */
.align_left {
    float: left;
    margin: 0 10px 8px 0;
}

.align_center {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.align_right {
    float: right;
    margin: 0 0 8px 10px;
}

/* Más estilos para elementos incrustados en cuerpos de texto. */

figure.align_left {
    text-align: left;
}

figure.align_center {
    text-align: center;
}

figure.align_right {
    text-align: right;
}

figure.align_left::after, figure.align_right::after, img.align_left::after, img.align_right::after {
    display: block;
    clear: both;
    content: "";
}

figure.align_left figcaption, figure.align_center figcaption, figure.align_right figcaption {
    display: block;
    font-size: 0.875em;
    color: #dcdcdc;
    word-break: break-word;
}

figure.align_left > a, figure.align_center > a, figure.align_right > a {
    display: block;
}

figure.align_left > a > img, figure.align_center > a > img, figure.align_right > a > img {
    display: inline-block;
}

@media (max-width: 400px) {
    img.align_left, img.align_right {
        max-width: 140px;
    }

    figure.align_left, figure.align_right {
        max-width: 140px;
    }
}

/* Fondo oscuro semi-transparente para la barra de cabecera y eliminar el borde derecho al final del menú principal. */

@media (min-width: 992px) {

    .dark #header.transparent-header, 
    #header.transparent-header.dark, 
    .dark #header.transparent-header:not(.sticky-header) #header-wrap, 
    #header.transparent-header.dark:not(.sticky-header) #header-wrap {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .full-header .primary-menu .menu-container {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
}

/* Mejoras de legibilidad para los textos principal y secundario en sliders destacados. */

.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
    text-shadow: 0px 0px 5px rgb(0 0 0 / 75%);
}

.slider-caption p {
    text-shadow: 0px 0px 4px rgb(0 0 0 / 90%);
    font-weight: 400;
    margin-top: 15px;
}

.slider-caption.slider-caption-right {
	text-align: right;
}

/* Mejoras de legibilidad para los textos principal y secundario en cabecera de página "Quiénes Somos". */

#pg-about-us #page-title .item-texts .item-main-text {
    text-shadow: 0px 0px 5px rgb(0 0 0 / 75%);
}

#pg-about-us #page-title .item-texts .item-secondary-text {
    text-shadow: 0px 0px 4px rgb(0 0 0 / 90%);
    font-weight: 600;
    color: #ffffff !important;
}

/* Ajustes a los "dots" del Owl Carousel. */

.owl-carousel {
	--owl-nav-bg: var(--sitecolor3);
}

.owl-carousel .owl-dots .owl-dot {
    margin-top: 15px;
}

/* Para siempre mostrar las flechas del Owl Carousel. */

.owl-carousel .owl-nav [class*=owl-] {
    opacity: 1;
}

.owl-carousel .owl-nav .owl-prev {
    left: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}

.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}

/* Estilos para el texto que describe la carpeta en su página de caída. */

.about-folder-block {
    border-left-color: var(--sitecolor1);
    border-right-width: 7px;
    border-right-style: solid;
    border-right-color: var(--sitecolor3);
    padding-right: 20px;
    margin-bottom: 10px;
}

.about-folder-block .about-folder-title {
    border-bottom: 1px solid var(--sitecolor2);
}

.about-folder-block span.about-folder-text {
    color: #ffffff;
}

.about-folder-block .about-folder-text p {
    margin-bottom: 8px;
}

@media (max-width: 767.98px) {
    .about-folder-block .about-folder-title + span { font-size: 15.5px; }
}

/* Estilos para bloque de enlaces sociales de cada carpeta. */
.folder .social-media-links .social-icon {
    float: none;
    display: inline-block;
}

/* Modificar el color de enlace para elementos del menú principal del sitio. */

.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
	color: var(--sitecolor1);
}

@media (min-width: 992px) {
    .dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		border-top-color: var(--sitecolor1);
	}

    .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
		color: var(--sitecolor1);
	}

    .dark .primary-menu:not(.not-dark) .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
		color: var(--sitecolor1);
	}

    .dark .style-3 .menu-container > .menu-item.current > .menu-link {
		background-color: var(--sitecolor1);
	}
}

/* Línea que va a los lados de los "fancy title" (ej. paquetes comerciales, paquetes de ofertas, reels, etc.) */

.dark .fancy-title::before, .dark .fancy-title::after {
    border-top-color: var(--sitecolor2);
}

/* Color para los íconos dentro de los "fancy-title". */
.folder .fancy-title i {
    color: var(--sitecolor1);
}

/* Textos principal y secundario de los sliders destacados */

@media (max-width: 991.98px) {

	.swiper_wrapper .slider-caption h2 {
		font-size: 6.6vw;
	}

	.swiper_wrapper .slider-caption p {
		font-size: 5.4vw;
		font-weight: 600;
	}

}

/* Texto que enlaza al tarifario. */

.pricing-policy-text p {
    display: inline-block;
    margin: 0;
    padding: 0;
}
