html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, br,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {   margin: 0;  padding: 0; border: 0;  outline: 0; }
html {  scroll-behavior: smooth;}
body {}
a {text-decoration: none!important; color: transparent;}
hr {    margin-top: 3rem;    margin-bottom: 3rem;}
.smalli { font-size: .6em;}
.ytp-chrome-top ytp-show-cards-title {   display: none;}
.color{color: #d63384;}
.bg-color{background-color: #d63384;}
.margin { 15px 0;}
.anclalink {    padding-top: 120px;    margin-top: -120px; transition: top 0.3s ease-in-out;}
.fijar {position: fixed;   left: 0;    top: 0; }
.section {  height: 100vh;  scroll-snap-align: start;}
.f_titulos {font-family: "Roboto", serif;}
.f_textos { font-family: "Roboto", serif;}

#sociallinks {    position: fixed;    bottom: 20px;    right: 20px;    z-index: 1040;}
#sociallinks .actionsDesktop {    display: flex;    background: #0dc152;    position: fixed;    z-index: 999;    box-shadow: 0 0 30px rgb(0 0 0 / 30%);   cursor: pointer;   user-select: none;    line-height: 1;    overflow: hidden;    right: 20px;    bottom: 30px;   border-radius: 100px;    transition: all 0.5s ease-out;}
#sociallinks .whatsapp-text {    position: relative;    z-index: 2;    color: #fff;    font-size: 18px;    padding: 15px 15px 15px 20px;    font-family: 'Source ans Pro', sans-serif;    vertical-align: sub;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;    float: left;}
#sociallinks .whatsapp-icon {    position: relative;    z-index: 2;    padding: 10px 12px;    border-radius: 0 15px 0 0;    background: rgba(0,0,0,.05);    color: #fff;    float: right;    width: auto;    font-size: 1.6rem;    display: flex;    align-items: center;}

#header {     z-index: 1000;  width: 100%;    transition: all .3s ease 0s;}
#header .navmenu {    border: 1px solid #d0d0d0;    border-radius: 30px;    background: #fff;}
#header .logo {    color: #d63384;    font-size: 2rem;    font-weight: 400;    font-family: "Roboto", serif;}
#header .scrolled {    margin-top: 0px !important;    border-radius: 0 0 30px 30px !important;    padding: 0 10px 5px 20px;    transition: all .3s ease 0s;}
#header .menu {  list-style: none; /* Eliminamos los marcadores de lista */  margin: 0;  padding: 0;  display: flex; /* Hacemos que los elementos se muestren en una línea */  justify-content: center; /* Centramos los elementos horizontalmente */}
#header .menu a {    color: #4f4f4f;    padding: 10px 20px;    margin: 0 5px;}
#header .menu a:hover {    color: #630a36;    background: #d633845c;    border-radius: 16px;}

/* ----   promociones  ----- */
#promociones .icono {   font-size: 4rem;}
#promociones .titulopromo {}
#promociones .borde {border-right: 1px solid #fff;}
#promociones .bg-promo {background: #1e293b; border-radius: 12px; color: #fff;}
/* ----   promociones  ----- */

/* ----   Inicio  ----- */
.inicio {   font-size: 1.3rem;   font-weight: 300; }
.btn-outline-mascomodo {   color: #fff;  border-radius: 25px;  background: #d63384;   width: 100%;  box-shadow: 0px 0px 18px #686868cc;}
/* ----   Animo Buda  ----- */
.budaflota {animation: flota 4s ease-in-out infinite; width: 30%;}
@keyframes flota {
    0%   {  transform: translateY(0) rotateY(0);  }
    20%  { transform: translateY(-5px) rotateY(0); }
    40%  { transform: translateY(-10px) rotateY(0); }
    50%  { transform: translateY(-5px) rotateY(0); }
}
/* ----  Fin Animo Buda  ----- */
/* ----  Fin Inicio  ----- */

/* ---- Ficha ---- */
.bg-titulo-promo-ficha {background: #951b58;}
.link:hover {
    transform: translateY(-15px);
    transition: .3s cubic-bezier(0.4, 0, 1, 1);
}
.tituloFicha {font-size: 3.4rem;}
.titulo {    font-size: 1.4rem;    background: #CDDC39;    padding: 5px 20px;    border-radius: 25px; width: 90%; text-align: center;}
.colorficha {color: #212a42;}
.direccion {    background: #d63384;    padding: 8px 20px;    border-radius: 12px;    color: #fff;}
.boton-fotos {    background: #212a42;  padding: 40px;    border-radius: 5px;}
.nav-link-whatsapp {   background: #0cb84f;    color: #fff;    padding: 6px 14px;   border-radius: 15px;}
.nav-link-whatsapp:hover {    background: #0cb84f82;  color: #066b2e;}
/* ---- Fin Ficha ---- */


/* ----  contactenos  ----- */
#contactenos {   padding-bottom: 6%;}
#contactenos .background {background: #d63384;    clip-path: ellipse(83% 80% at 50% 20%); padding-top: 60px;    padding-bottom: 80px;}
#contactenos .recuadro {   border: 1px solid #d0d0d0;    border-radius: 30px;    background: #fff;}
#contactenos .icono { font-size: 2rem;    }
#contactenos .whatsapp{color: #0cb84f;}
#contactenos .operador {    color: #0049c4;}
#contactenos .mail {    color: #ff5524;}
#contactenos .textoicon { font-size: 1.4rem;    color: #640735;   font-weight: 200;}
/* ----  Fin contactenos  ----- */

#footer {background-color: #d63384;}
#footer .icono {    color: #f8f8f8;    width: 20px;    text-align: center;    margin-right: 5px;}
#footer h4  {    color: #f8f8f8;}
#footer .btn-light:hover {    color: #a5a5a5;}
#footer .logo-pie { width: 40%;}

#terravirtual { color: #212529; }
#terravirtual a {    color: #212529;}


/* ----  Para Movil ------ */
@media (max-width: 768px) {
    #contactenos .background { clip-path: ellipse(140% 80% at 50% 20%);}
}