:root {
    /* COLORES PRINCIPALES */
    --main-naranja: #f2511b;
    --main-naranja-claro: #f2861b;
    --main-marron: #302727;
    --main-amarillo: #ffce00;
    /* COLORES ALTERNATIVOS/COMPLEMENTARIOS */
    --alt-green: #607c14;
    --alt-link: #F8B600;
    --alt-selection: #3498f8;
}

::selection {
    background-color: var(--alt-selection);
}

body,
h4
/*,
.site-blocks-cover .h2*/

{
    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3 {
    font-family: 'Montserrat Alternates', sans-serif;
}


/* INDEX */

.site-navbar .site-navigation .site-menu {
    font-family: 'Montserrat Alternates';
    font-size: 18px;
    font-weight: 600;
}

.site-navbar .site-navigation .site-menu>li>a {
    color: var(--main-naranja);
}

.site-navbar .site-navigation .site-menu>li>a:hover {
    color: var(--main-amarillo);
}

.site-navbar .site-navigation .site-menu .active>a {
    color: var(--main-naranja-claro);
}

.site-blocks-cover h1 {
    font-weight: 600;
}

.site-blocks-cover .btn {
    background-color: var(--main-naranja);
    border-radius: 5px 100px 5px 5px;
    font-size: 18px;
}

.site-blocks-cover .btn:hover {
    background-color: var(--main-naranja-claro)!important;
    border: none;
}

.unit-4 .unit-4-icon span,
.index-titulo2 {
    color: var(--main-naranja-claro)
}

.index-titulo1 {
    font-size: 40px;
    color: var(--main-naranja-claro);
}

.site-section .owl-item .item img {
    border-radius: 100px 5px 5px 5px;
}

.overlap-left {
    border-radius: 5px 5px 100px 5px;
    box-shadow: 0 0 20px -10px var(--main-marron);
}

.icon-arrow_back,
.icon-arrow_forward {
    color: var(--main-naranja-claro);
}

.icon-arrow_back:hover,
.icon-arrow_forward:hover {
    color: var(--main-naranja);
}

.site-blocks-cover .h2 {
    font-size: 42px;
}

.site-section .btn {
    border-radius: 5px 5px 5px 100px;
    color: white!important;
    background-color: var(--main-naranja);
    font-size: 18px;
}

.site-section .btn:hover {
    border-radius: 5px 5px 5px 100px;
    background-color: var(--main-naranja-claro)!important;
    color: white!important;
    border: none;
}

.site-footer {
    background-color: var(--main-marron);
}

.site-footer .footer-heading {
    color: var(--main-naranja-claro);
}

.site-footer p,
.site-footer a {
    color: white;
}

.site-footer a:hover {
    color: var(--main-amarillo);
}

.unit-4 h3 {
    color: var(--main-naranja);
}


/* DESTINOS */

.btn-outline-info {
    color: white;
    border-color: transparent;
}

.site-section .unit-1 {
    border-radius: 12px;
}

.site-section .container h2 {
    color: var(--main-naranja-claro);
    font-weight: 600;
    font-size: 34px;
}

.site-section .container h4 strong {
    color: var(--main-naranja);
    font-weight: 600;
}

.site-section .container h4 strong:hover {
    color: var(--main-naranja-claro);
}


/* TOUR */

.site-section .carousel .carousel-item img {
    border-radius: 30px;
}

.tour-section {
    border-radius: 10px;
}

.tour-form-section {
    border-radius: 10px;
    box-shadow: 0 0 15px -8px var(--main-marron);
}

.site-section .h5 {
    color: var(--main-naranja);
}

.site-section .h6 {
    color: var(--main-naranja-claro);
}

.site-section .container .card .card-header .card-link {
    color: var(--main-naranja)!important;
}

.site-section .container .card .card-header .card-link:hover {
    color: var(--main-naranja-claro)!important;
}

.card-body {
    color: var(--main-marron);
}

.card,
.card .card-header:first-child {
    border-radius: 10px!important;
}


/* NOSOTROS */

.rounded {
    border-radius: 10px!important;
}


/* CONTACTO */

.contacto-form-section {
    border-radius: 10px;
    box-shadow: 0 0 15px -8px var(--main-marron);
}

.form-control {
    border-radius: 10px;
}

.site-section .title {
    color: var(--main-naranja);
}

.site-section .contacto-form-section label,
.site-section p,
.site-section a {
    color: var(--main-marron);
}

.site-section a:hover {
    color: var(--main-naranja-claro)
}

.site-section .btn-contacto1,
.site-section .btn-contacto1:hover {
    border-radius: 100px 5px 5px 5px;
}

.site-section .btn-contacto2,
.site-section .btn-contacto2:hover {
    border-radius: 5px 5px 100px 5px;
}