html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    /* font-family: 'PT Sans',
sans-serif; */
    font-family: Verdana,
        'Geneva',
        'DejaVu Sans',
        sans-serif;
    background: #FFFFFF;
    color: #4D5662;

    /* 
    
    #919547 
    #F2EFEA 
    #D7CDB5
    #D4A356
    #846B2A
    
         background: rgb(150, 184, 128);
         background: linear-gradient(37deg, rgba(150, 184, 128, 1) 0%, rgba(145, 149, 71, 1) 31%, rgba(215, 205, 181, 1) 68%, rgba(212, 163, 86, 1) 100%);

    
    */
}

h1{
    font-size: 3rem;
}

.navbar_secction{
    padding: 0;
}
.navbar{
    padding: 0;
}
.logo_nav {
    max-height: 5vh;
    padding-left: 1rem;
}
.navbar-toggler{
    margin-right: 1rem;
}
.nav-link{
    margin-left: 1rem;
    color: white!important;
}
.nav-1{
    background: rgb(91, 190, 215);
    background: linear-gradient(61deg, rgba(91, 190, 215, 1) 0%, rgba(107, 232, 233, 1) 100%);
}
.nav-2{
    background: linear-gradient(61deg, rgba(111, 221, 221, 1) 0%, rgba(104, 224, 183, 1) 100%);
    background: rgb(111, 221, 221);
}
.nav-3, .nav-5{
    background: rgb(104, 224, 183);
    background: linear-gradient(61deg, rgba(104, 224, 183, 1) 0%, rgba(141, 223, 139, 1) 100%);
}
.nav-4{
    background: rgb(141, 223, 139);
    background: linear-gradient(61deg, rgba(141, 223, 139, 1) 0%, rgba(196, 245, 121, 1) 100%);
}

@media (min-width: 768px) {
    h1 {
        font-size: 5rem;
    }
    .navbar_secction {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar {
        padding: .5rem 1rem;
    }

    .navbar_brand {
        padding-left: 0;
    }

    .logo_nav {
        padding-left: 0;
    }

    .nav-link {
        margin-left: 0;
        color: #4D5662!important;
    }

    .nav-1,
    .nav-2,
    .nav-3,
    .nav-4,
    .nav-5 {
        background: white;
    }
}
.carousel-item{
    height: 65vh;
}
.imagen_carousel{
    background-size: cover;
    background-position: center;
    height: 65vh;
    width: 100%;
}
header {
    height: 75vh;
    background-image: url('../img/header.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: white;
    z-index: 1;
    flex-direction: column;
}

header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(93, 207, 227);
    background: linear-gradient(31deg, rgba(93, 207, 227, 0.75) 0%, rgba(112, 209, 150, 0.75) 50%, rgba(196, 245, 121, 0.75) 100%);
    z-index: -1;
}

.fondo_galeria {
    background-image: url('../img/header3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: white;
    z-index: 1;
    flex-direction: column;
    align-items: center;
}

.fondo_galeria:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(93, 207, 227);
    background: linear-gradient(31deg, rgba(93, 207, 227, 0.75) 0%, rgba(112, 209, 150, 0.75) 50%, rgba(196, 245, 121, 0.75) 100%);
    z-index: -1;
}
.fondo_origen {
    height: 30vh;
    background-image: url('../img/fondo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    color: white;
    z-index: 1;
    flex-direction: column;
    align-items: center;
}

.fondo_origen:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(93, 207, 227);
    background: linear-gradient(31deg, rgba(93, 207, 227, 0.75) 0%, rgba(112, 209, 150, 0.75) 50%, rgba(196, 245, 121, 0.75) 100%);
    z-index: -1;
}

.fondo_footer {
    background-image: url('../img/footer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    color: white;
    z-index: 1;
    flex-direction: column;
    align-items: center;
}

.fondo_footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(93, 207, 227);
    background: linear-gradient(31deg, rgba(93, 207, 227, 0.75) 0%, rgba(112, 209, 150, 0.75) 50%, rgba(196, 245, 121, 0.75) 100%);
    z-index: -1;
}

.card {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.cuadro_card1 {
    background: rgb(91, 190, 215);
    background: linear-gradient(61deg, rgba(91, 190, 215, 1) 0%, rgba(107, 232, 233, 1) 100%);
    color: white;
    display: flex;
    height: 10rem;
    width: 100%;
    align-self: center;
}

.cuadro_card2 {
    background: linear-gradient(61deg, rgba(111, 221, 221, 1) 0%, rgba(104, 224, 183, 1) 100%);
    background: rgb(111, 221, 221);
    color: white;
    display: flex;
    height: 10rem;
    width: 100%;
    align-self: center;
}

.cuadro_card3 {
    background: rgb(104, 224, 183);
    background: linear-gradient(61deg, rgba(104, 224, 183, 1) 0%, rgba(141, 223, 139, 1) 100%);
    color: white;
    display: flex;
    height: 10rem;
    width: 100%;
    align-self: center;
}

.cuadro_card4 {
    background: rgb(141, 223, 139);
    background: linear-gradient(61deg, rgba(141, 223, 139, 1) 0%, rgba(196, 245, 121, 1) 100%);
    color: white;
    display: flex;
    height: 10rem;
    width: 100%;
    align-self: center;
}

.cuadro_card1 i,
.cuadro_card2 i,
.cuadro_card3 i,
.cuadro_card4 i {
    font-size: 2rem;
    align-self: center;
    margin: 0 auto;
    text-align: center;
}

.cuadro_card1 i h6,
.cuadro_card2 i h6,
.cuadro_card3 i h6,
.cuadro_card4 i h6 {
    padding-top: 1rem;
}

.cuadro_imagen1 {
    background-image: url("../img/cuadro1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 12rem;
    width: 100%;
    align-self: center;
}
.cuadro_imagen2 {
    background-image: url("../img/cuadro2.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 12rem;
    width: 100%;
    align-self: center;
}
.cuadro_imagen3 {
    background-image: url("../img/cuadro4.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 12rem;
    width: 100%;
    align-self: center;
}
.cuadro_imagen4 {
    background-image: url("../img/cuadro3.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 12rem;
    width: 100%;
    align-self: center;
}
.cuadro{
    padding-bottom: 1rem;
}

@media (min-width: 768px) {

    .cuadro_card1,
    .cuadro_card2,
    .cuadro_card3,
    .cuadro_card4 {
        width: 80%;
    }
    .cuadro_imagen1,
    .cuadro_imagen2,
    .cuadro_imagen3,
    .cuadro_imagen4{
        width: 80%;
    }
    .cuadro {
        padding-bottom: 0;
    }
}

.texto_segunda_seccion{
    color: #979CA4;
}
.texto_segunda_seccion i{
    font-size: 2.3rem;
}
.color_texto1{
    font-size: 2.3rem;
    color: #5DCBDF;
}
.color_texto2{
    font-size: 2.3rem;
    color: #5DCBDF;
}
.color_texto3{
    font-size: 2.3rem;
    color: #82DF95;
}
.color_texto4{
    font-size: 2.3rem;
    color: #B8F07C;
}
.texto_segunda_seccion p {
    font-size: .7rem;
}
.parrafo_segunda_seccion {
    font-size: .8rem;
}
.btn-primary{
    background-color: #5DCE92;
    border-radius: 25px;
    border-color: #5dce92;
}
.btn-primary:hover{
    background-color: white;
    border-radius: 25px;
    border-color: grey;
    color: grey;
}
.reglamento_texto{
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.texto_especial{
    text-align: left;
}
@media (min-width: 768px) {
    .reglamento_texto {
        height: 13rem;
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .texto_especial {
        text-align: center;
    }
}
.imagen_actividades{
    background-size: cover;
    height: 12rem;
  
}
.icono_texto1{
    font-size: 2rem;
    color: #5DCBDF;
}
.icono_texto2{
    font-size: 2rem;
    color: #5DCBDF;
}
.icono_texto3{
    font-size: 2rem;
    color: #82DF95;
}
.icono_texto4{
    font-size: 2rem;
    color: #B8F07C;
}
.mapa {
    height: 20rem;
    width: 100%;
}
.logocore{
    height: 3rem;
}
.direccion{
    color: white!important;
}
.galeria{
    height: 10rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.actividades-grid .col-md-4.pt-4 {
    display: flex;
    flex-direction: column;
}

.actividades-grid .col-md-4.pt-4 h5 {
    font-size: 1.05rem;
    line-height: 1.35;
    min-height: 7.8rem;
    margin-top: .85rem;
    margin-bottom: 0;
}

.actividades-grid .actividad-titulo {
    display: block;
    font-weight: 700;
}

.actividades-grid .actividad-desc {
    display: block;
    margin-top: .35rem;
    font-size: .9rem;
    font-weight: 400;
    color: #6B7280;
}

.actividades-grid .col-md-4.pt-4 .galeria {
    width: 100%;
    height: 12rem;
    margin-top: 0;
    border-radius: 8px;
}

@media (max-width: 767.98px) {
    .actividades-grid .col-md-4.pt-4 h5 {
        min-height: auto;
        margin-top: .75rem;
    }

    .actividades-grid .col-md-4.pt-4 .galeria {
        height: 11rem;
    }
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(93, 207, 227);
    background: linear-gradient(31deg, rgba(93, 207, 227, 0.75) 0%, rgba(112, 209, 150, 0.75) 50%, rgba(196, 245, 121, 0.75) 100%);
    border: 0;
    z-index: 5;
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #25D366;
    color: #FFFFFF;
    font-size: 2rem;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
    z-index: 6;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-float:hover {
    color: #FFFFFF;
    transform: scale(1.06);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}