a:link{
text-decoration: none;

}

/*===== PORTADA ===== */
.gabby{
margin-bottom: 250px;
width: 65%;
/* display: inline-flex; */
}

.mis_quince_big{
margin-bottom: 150px;
width:65%;
}

.mis_quince_xs{
display: none !important;
}
/* SAVE THE DATE TEXT */

.txt_invita_tit {
    font-family: 'Histograph';/*'Amino-Alt 6'*/
    font-size: 2.5rem;
    color: #c6c6c6;
    line-height: 1;
    text-align: center;
}

.save_the_date{
    font-family: 'Histograph';/*Amino-alt*/
}


.txt_invita_big {
    font-family:'Histograph';/*Amino-Alt 6*/
    font-size: 3rem;
    color: #c6c6c6;
    line-height: 1;
    text-align: center;
}


.txt_invita {
    font-family: 'Histograph';/*Amino-Alt 6*/
    font-size: 1.3rem;
    color: #c6c6c6;
    line-height: 1;
    text-align: center;
}

/* ===== PLAYLIST =====*/
.BG-playlist{
background-image: url("../img/bg_playlist.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 743px;
position: relative;
/* position: absolute; */
z-index: 25;
/* background-color: #ecf6ff; */
}

.tit_playlist{
font-family:'Histograph';/*Amino-Alt*/
font-size: 2rem !important;
color: #706f6f;
text-align: center;
letter-spacing: 2px;
font-weight: bold;

}

.bg_cover{
display: inline-block;
text-align: center;
margin: auto;
/* width: 60%; */
}


/* =====FOTO 2===== */


.bg_gabby2{
    margin-top: -111px;
    text-align: center;
}



.content-table::-webkit-scrollbar {
    /*background: rgba(0,0,0,0);*/
    width: 10px;
}

.content-table::-webkit-scrollbar-track {
    background: #C1C1C1;
}

.content-table::-webkit-scrollbar-button {
    background: #C1C1C1;
}


.content-table::-webkit-scrollbar-button-thumb {
    background: #C1C1C1;
}


.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {

display: none;
}

/*  BUSCADOR ESTILOS CSS */

          /* WhatsApp floating button */
          #whatsapp-btn {
              position: fixed;
              right: 24px;
              bottom: 24px;
              width: 56px;
              height: 56px;
              border-radius: 50%;
              background: #25D366;
              color: #fff;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              text-decoration: none;
              box-shadow: 0 10px 30px rgba(2, 6, 23, 0.35);
              z-index: 9999;
              transform: translateY(16px);
              opacity: 0;
              transition: transform .36s cubic-bezier(.2, .9, .2, 1), opacity .36s;
          }
    
          #whatsapp-btn.show {
              transform: none;
              opacity: 1;
          }
    
          #whatsapp-btn:hover {
              transform: translateY(-6px) scale(1.04);
          }
    
          #whatsapp-btn .bi {
              font-size: 1.5rem;
          }
    
          @media (prefers-reduced-motion: reduce) {
              #whatsapp-btn {
                  transition: none !important;
                  transform: none !important;
                  opacity: 1 !important;
              }
          }




 
 .animsition-loading-1 {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }
  
  
  body {
            font-family: 'Inter', sans-serif;
            color: #333;
            background-color: #fff;
        }

        /* Colores personalizados */
        :root {
            /*--bs-custom-green-light: #00ff00;  Verde brillante #48a62a*/
        /*--bs-custom-green-light: #00ff00; Verde brillante */
            --bs-custom-green-light: #48a62a; 
            --bs-custom-green-dark: #00cc00;
            --bs-custom-blue-default: #0d2d5c; /* Azul oscuro principal */
            --bs-custom-blue-light: #1e3a8a;
            --bs-custom-blue-dark: #0a234f;
        }

        .bg-custom-green-light { background-color: var(--bs-custom-green-light) !important; }
        .bg-custom-blue-default { background-color: var(--bs-custom-blue-default) !important; }
        .bg-custom-blue-dark { background-color: var(--bs-custom-blue-dark) !important; }
        .text-custom-blue-dark { color: var(--bs-custom-blue-dark) !important; }
        .border-custom-blue-light { border-color: var(--bs-custom-blue-light) !important; }



/*[ BREAKPOINTS ]
/* //////////////////////////////-EMPIEZA ESTILOS CELULAR-/////////////////////////////*/

/* [========================[CELULAR]========================]*/

/* @media (min-width: 428px) and (max-width: 768px) */
@media (min-width: 375px) and (max-width: 480px) {

/* [===================SECCIÓN HERO=======================] */

.Logo{
    height: 35% !important;
    width: 60%;
}

.hero-bg{
    height: 600px;
    background-image: url(../img/main_pic_gabby_xs.png) !important;
    background-size:50%;
    background-repeat: no-repeat;
    background-position: center;
}

.mis_quince_xs {
    max-width: 70% !important;
    display: block !important;
    position: relative;
    bottom: 30px;/*40px*/
}

.mis_quince_big{
    display: none !important;
}


.gabby{
    position: relative;
    top:300px;
}


/* [===============SECCIÓN SAVE THE DATE==================] */
.BG_stars{
    background-color: #000000;
    bottom:0 !important;
}


/* [===============SECCIÓN PLAYLIST==================] */

.tit_playlist{
    font-family:'Histograph';/*Amino-Alt 6*/
    font-size: 1.5rem !important;
    color: #706f6f;
    text-align: center;
    letter-spacing: 3px;
    line-height: 1;
    font-weight: bold;
    /* margin-bottom: 21%; */
}


.bg_cover{
    max-width: 70%;
}


.BG-playlist{
    height: 800px !important;
    background-image: url(../img/BG_playlist_xs.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* [===============SECCIÓN FOTO GABBY 2==================] */
.bg_gabby2{
    margin-top: -35px;
}


/* [===============SECCIÓN CÓMO LLEGAR==================] */

.tit_celebracion::before {
    content: url(../img/cheers_xs.png) !important;
}

.tit_celebracion::after {
    content: url(../img/cheers_xs.png) !important;
}

.BG-lugar{
    background-image: url(../img/BG-lugar_xs.png) !important;
    background-position: center;
    height: 500px !important;
}

.tit_celebracion{
    font-size: 2rem !important;
}

.tit_celebracion2 {
    font-size: 2rem !important;
    position: relative;
    bottom: 25px !important;
}

.txt_celebracion{
    font-size: 1.5rem !important;
    position: relative;
    bottom: 25px !important;
}

.btn-llegar{
    font-size: 2rem !important;
    width: 300px !important;
    text-decoration: none !important;
}
 
/* [===============SECCIÓN FOTO GABBY 3==================] */
#bg3{
    display: none;
}

#bg3{
    background-image: url(../img/main_gabby3_xs.png) !important;
    background-size: cover;
    background-position: center;
    height: auto !important;
    /* margin-top: 10px; */
    height: 400px !important;
}


.BG_gabby3_xs{
    background-image: url(../img/main_gabby3_xs.png) !important;
    background-size: cover;
    background-position: center;
    height: auto !important;
    /* margin-top: 10px; */
    height: 400px !important;
}

/* [===============SECCIÓN CONFIRMAR ASISTENCIA==================] */
.BG_dresscode {
    /* background-image: url(../img/bg_dresscode.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    height: 1200px !important;
    /* position: relative;
    margin-top: -120px;
    z-index: 5; */
}


.tit_dresscode::before {
    content: url(../img/icon_dress1_xs.png) !important;
}

.tit_dresscode::after {
    content: url(../img/icon_dress2_xs.png) !important;
}

.tit_dresscode{
font-size: 2.3rem !important;
}
.txt_dresscode{
    font-size:1.4rem !important;
    max-width: 80%;
    margin: auto;
    padding: 10px;
}


.lluvia_sobres::before {
    content: url(../img/icon_sobres1_xs.png) !important;
}

.lluvia_sobres {
    margin-top: 20px;
    font-size: 1.5rem !important;

}


.lluvia_sobres::after {
    content: url(../img/icon_sobres2_xs.png) !important;
}



.confirmar-asistencia{
    background-color: #c6c6c6;
    font-size: 2.5rem !important;
}


/* [===============SECCIÓN GRACIAS==================] */

.txt_gracias {
    /* font-family: 'Amino-Alt 6'; */
    font-size: 1.5rem !important;
    /* color: #9d9d9c;
    text-align: center;
    line-height: 0.8;
    font-weight: bold; */
}

}


#navbarNav{
    text-align: center;
    width: 100% !important;
}



/* FOOTER */

.tit-footer-menu {
    font-family: 'GalanoGrotesque';
    font-size: 1.1rem;
    color: rgb(30, 58, 138);
    text-align: center;
    /* text-decoration: underline 2px solid #fff !important; */
}

.separador-menu-footer {
    border-left: 0px solid #ffffff ;
}

.footer-links {
    font-family: 'GalanoGrotesque';
    color: rgb(30, 58, 138);
    /* text-align: center; */
    margin: auto;
    /* width: 50%; */
    /* display: block; */
}

/* //////////////////////////////-TERMINA ESTILOS CELULAR-/////////////////////////////*/

/*[ BACK TO TOP ]
/* ///////////////////////////////////////////////////////////*/ 
#upBtn{ 
    position: fixed; 
    bottom: 2rem; 
    right: 2rem;
    transition: opacity 0.5s;
    opacity: 0;
    cursor: pointer;
}

/*[ BACK TO TOP ]
///////////////////////////////////////////////////////////*/

 
    .Logo{
        display: inline-flex;
        position: relative;
        bottom: 15px;
    }


    .BG-logo{
     background-color: #f2f2f2;
     }   
    


/* ===================PERSISTENT LINKS====================== */
/* //////////////////////////////////////////////////////////// */

#marker {
    position: absolute;
    bottom: 0;
    height: 100px;
    width: 64px;
    border-bottom: 5px solid #c6c6c6; /*#48a22d*/
  /*   background: linear-gradient(0deg, #08f9ff33, transparent); */
    transition: 0.5s;
    pointer-events: none;
    filter: drop-shadow(0 5px 25px #08f9ff);
}

/* ===================PERSISTENT LINKS====================== */
  .txt-links {
    font-family:'Histograph';/*Amino-Alt*/
    color: #c6c6c6;
    font-weight: bolder;
    font-size: 1rem;/*0.8rem*/
    letter-spacing: 1px;
    /* text-decoration:2px #0a234f underline !important; */
    }  



    .btn-custom-blue:hover {
        background-color: var(--bs-custom-blue-light);
        color: #fff;
       
    }



        /* Fondos con imágenes (usando placeholders) */
        .hero-bg {
            background-image: url('../img/main_pic_gabby.png');
            /* opacity: 1; */
            background-size: cover;
            background-position: center;
            height: 750px; /* Altura fija para el hero */
            position: relative;
            z-index: 60;
        }

  


/* En móvil mostrar submenus dentro del flujo */
@media (max-width: 991.98px) {
    /* .dropdown-submenu>.dropdown-menu {
        left: 0;
        position: relative;
        margin-left: 0;
    } */
}



    

        /* Flechas de slider (decorativas) */
        .slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.3);
            border: none;
            color: #fff;
            font-size: 1.5rem;
            padding: 0.75rem 1rem;
            border-radius: 50%;
            display: none; /* Oculto por defecto, se podría mostrar en md */
            z-index: 10;
        }
        .slider-arrow.left { left: 1rem; }
        .slider-arrow.right { right: 1rem; }
        @media (min-width: 768px) {
            .slider-arrow { display: block; }
        }

        /* Quitar el estilo de lista para los íconos de Font Awesome en el footer */
        .footer-social-icons li {
            list-style: none;
        }




/* SAVE THE DATE  */

.BG_stars{
    background-image: url(../img/bg_stars.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
    position: relative;
    z-index: 3;
    bottom: 35px;
    background-color: #000000;
}

     


  /* =================CELBRACIÓN LUGAR================= */

.BG-lugar{
    background-image: url("../img/bg_lugar.png");
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    z-index: 10;
} 

.tit_celebracion::before{
    content: url(../img/cheers.png);
}

.tit_celebracion::after {
    content: url(../img/cheers.png);
    /* width: 20% !important; */
}

.tit_celebracion{
    font-family:'Histograph';/*Amino-Alt*/
    font-size: 2rem !important;
    line-height: 1;
    letter-spacing:2px;
    text-align: center;
    color: #c6c6c6;
}

.tit_celebracion2 {
    font-family:'Histograph';/*Amino-Alt*/
    font-size: 2rem !important;
    line-height: 0.2;
    letter-spacing: 2px;
    text-align: center;
    color: #c6c6c6;
}

.txt_celebracion {
    font-family: 'Histograph';/*Amino-Alt 6*/
    font-size: 1.3rem !important;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
    color: #c6c6c6;
}

.btn-llegar{
    background-color: #c6c6c6;
    border-radius: 30px;
    padding: 5px;
    text-align: center;
    font-family:'Amino-Alt';/*Amino.Alt*/
    font-size: 1.8rem;
    width: 35%;
    margin: auto;
    /* text-decoration: none; */
    /* cursor:pointer; */
}
   
 /* =================FOTO GABBY 3================= */
.BG_gabby3_xs{
    display: none;
}

.BG_gabby3{
    /* background-image: url(../img/main_gabby3.png) !important; */
    margin: auto;
    /* background-size: cover; */
    background-position: center;
    /* background-repeat: no-repeat; */
    position: relative;
    bottom:60px;
    height: auto;
    z-index: 8;
    /* height: 600px; */
}
 /* =================DRESSCODE================= */
 .BG_dresscode{
    background-image: url("../img/bg_dresscode.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 1082px;
    position: relative;
    margin-top:-120px ;
    z-index: 5;
}

.tit_dresscode{
    font-family: 'Histograph';/*Amino-Alt*/
    font-size: 3rem;
    color: #c6c6c6;
    margin: auto;
    text-align: center;
}

.tit_dresscode::before{
    content: url(../img/icon_dress1.png);
}

.tit_dresscode::after {
    content: url(../img/icon_dress2.png);
}

.txt_dresscode{
    font-family:'Histograph';/*Amino-Alt 6*/
    font-size: 1.5rem;
    line-height: 1;
    /* letter-spacing: 2px; */
    text-align: center;
    color: #c6c6c6;
}

.negro{
    height: 50px;
    width: 50px;
    background-color: #000000;
    border-radius: 50%;
    border: 1px solid;
    border-width:medium;
    border-color: #fff;
    display: inline-block;
}

.aguamarina {
    height: 50px;
    width: 50px;
    background-color: #00a09c;
    border-radius: 50%;
    display: inline-block;
}

.dorado {
    height: 50px;
    width: 50px;
    background-color: #d2b569;
    border-radius: 50%;
    display: inline-block;
}

.plateado {
    height: 50px;
    width: 50px;
    background-color: #c6c6c6;
    border-radius: 50%;
    display: inline-block;
}

.confirmar-asistencia{
    background-color: #c6c6c6;
    color: #1d1d1b;
    font-family:'Histograph';/*Amino-Alt*/
    font-size: 5rem;
    text-align: center;
    line-height: 0.9;
    padding: 10px;
}

.lluvia_sobres::before{
    content: url(../img/icon_sobres1.png);
}


.lluvia_sobres{
    font-family:'Histograph';/*Amino-Alt*/
    font-size: 3rem;
    text-align: center;
    color: #c6c6c6;
}

.lluvia_sobres::after {
    content: url(../img/icon_sobres2.png);
}


/* ===== GRACIAS ===== */
.BG_gabby4{
    background-position: relative; 
    background-image: url(../img/main_gabby4.png);
    background-position: center;
    background-size: cover;
    position: relative;
    height:500 px;
    z-index: 8;
}

.tit_gracias{
    font-family:'Histograph' ;/*Amino-Alt*/
    font-size: 4rem;
    color: #9d9d9c;
    text-align: center;
    font-weight: bolder;
    letter-spacing: -3px;
}

.txt_gracias{
    font-family:'Histograph' ;/*Amino-Alt 6*/
    font-size: 1.8rem;
    color: #9d9d9c;
    text-align: center;
    line-height: 0.8;
}
 

/* =================FOOTER================= */

.bg-footer{
    background-image:url('../img/bg_footer.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.tit-footer-menu{
    font-family: 'GalanoGrotesque';
    font-size: 1.2rem;
    color: rgb(30, 58, 138);
    text-decoration: none ;
}

.separador-menu-footer{
    border-left:3px solid #fff ;
}

.footer-links{
    font-family: 'GalanoGrotesque';
    color: rgb(30, 58, 138);
    text-align: left;
}

.tit-footer-brand{
    color: #fff;
    font-family:'Histograph';/*Amino Alt 6*/
    font-size: 1.5rem;
}

.footer-info{
    color: #fff;
    font-family:'Histograph';/*Amino Alt 6*/
    font-size: 0.9rem;
    line-height: 1;
}
/* =================FOOTER================= */