/* _content/Wedd/Views/Home/Index.cshtml.rz.scp.css */


/* 

    background-image: url('../imgs/header.jpg'); 
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a {
  color: #0077cc;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}

.menu-circle {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    z-index: 1000; 
    cursor: pointer;
}

    .menu-circle i {
        color: white;
    }

.menu-items {
    position: fixed;
    top: 100px; 
    right: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

    .menu-items li {
        margin-bottom: 10px;
    }

ul > li > a {
    text-decoration: none;
}

header {
    background-image: url('../imgs/header.jpg'); 
    background-size: cover;
    background-position: center;
    height: 500px; 
    position: relative;
    color: #fff;
    text-align: center;
}

.header-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .header-content h1 {
        font-size: 3em;
        margin-bottom: 0.5em;
    }

    .header-content p {
        font-size: 1.5em;
    }

*/

/* _content/Wedd/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
    font-family: 'dancing';
    src: url('../fonts/DancingScript-VariableFont_wght.ttf') format('woff2'), url('fonts/NombreDeLaFuente-Regular.woff') format('woff');
    font-weight: normal; /* Ajusta según el peso de la fuente */
    font-style: normal; /* Ajusta según el estilo de la fuente */
}

@font-face {
    font-family: 'pts';
    src: url('../fonts/PTSansNarrow-Regular.ttf') format('woff2'), url('fonts/NombreDeLaFuente-Regular.woff') format('woff');
    font-weight: normal; /* Ajusta según el peso de la fuente */
    font-style: normal; /* Ajusta según el estilo de la fuente */
}

@font-face {
    font-family: 'novios';
    src: url('../fonts/NanumMyeongjo-Regular.ttf') format('woff2'), url('fonts/NanumMyeongjo-Regular.woff') format('woff');
    font-weight: normal; /* Ajusta según el peso de la fuente */
    font-style: normal; /* Ajusta según el estilo de la fuente */
}



#novios[b-jhthjq7kb3] {
    font-family: 'novios';
    font-size: 20px;
}

#fade-in[b-jhthjq7kb3] {
    opacity: 0;
}

.Menu[b-jhthjq7kb3]{
    position:relative;
}

.btn-circle[b-jhthjq7kb3] {
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    padding: 0;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
    background-color: rgb(128, 128, 128,0.5);
    border: none;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    color: white;
}

    @media (max-width: 576px) {

        .btn-circle[b-jhthjq7kb3] {
            border-radius: 50%;
            width: 2rem;
            height: 2rem;
            padding: 0;
            position: fixed;
            top: 10px;
            right: 10px;
            z-index: 999;
            background-color: rgb(128, 128, 128,0.5);
            border: none;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            color: white;
        }


    }

    .btn-circle i[b-jhthjq7kb3] {
        font-size: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* Estilos para el menú desplegable */
    .dropdown-menu[b-jhthjq7kb3] {
        position: absolute;
        z-index: 1000;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

    .dropdown-item[b-jhthjq7kb3] {
        padding: 10px 20px;
        font-size: 18px;
    }

    .btn-primary[b-jhthjq7kb3] {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }


    .border-top[b-jhthjq7kb3] {
        border-top: 1px solid #e5e5e5;
    }

    .border-bottom[b-jhthjq7kb3] {
        border-bottom: 1px solid #e5e5e5;
    }

    .box-shadow[b-jhthjq7kb3] {
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
    }

    button.accept-policy[b-jhthjq7kb3] {
        font-size: 1rem;
        line-height: inherit;
    }


    .header-background[b-jhthjq7kb3] {
        position: relative;
        width: 100%; /* Ajusta según tus necesidades */
        height: 70vh; /* Ajusta según tus necesidades */
        overflow: hidden; /* Para ocultar el desbordamiento */
    }

        .header-background[b-jhthjq7kb3]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('../imgs/header.jpg'); /* Ruta a tu imagen de fondo */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: -1; /* Colocar detrás del contenido del contenedor */
            animation: zoom-b-jhthjq7kb3 10s infinite alternate;
        }

    @keyframes zoom-b-jhthjq7kb3 {
        0% {
            transform: scale(1); /* Escala inicial */
        }

        100% {
            transform: scale(1.1); /* Escala al final de la animación */
        }
    }

    .container-weddingtitle[b-jhthjq7kb3] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .title-weed[b-jhthjq7kb3] {
        color: white; /* Color del texto dentro del overlay */
    }

    .w-container[b-jhthjq7kb3] {
        display: flex;
        align-items: center; /* Centra verticalmente el contenido */
        justify-content: center;
    }

    .letter-w[b-jhthjq7kb3] {
        font-size: 6rem; /* Ajusta el tamaño de la letra W */
        font-weight: bold;
        margin-right: 5px; /* Espacio entre la W y los párrafos */
        text-align: center;
        line-height: 1; /* Asegura que la altura sea consistente */
        font-family: 'dancing';
    }

    .text-container[b-jhthjq7kb3] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 50%; /* Ajusta la altura al 50% del contenedor padre */
        font-family: 'dancing';
        font-size: 2rem;
    }

        .text-container p[b-jhthjq7kb3] {
            border: 0px solid #ddd; /* Bordes para visualización */
            margin: 0; /* Elimina el margen entre párrafos */
            padding: 0px;
        }

            .text-container p:last-child[b-jhthjq7kb3] {
                margin-left: -20px; /* Mueve el segundo párrafo hacia la izquierda */
            }

    .date-paragraph[b-jhthjq7kb3] {
        text-align: center;
        font-family: 'pts';
        font-size: 1rem;
    }

    .footer[b-jhthjq7kb3] {
        display: none;
        position: absolute;
        bottom: 0;
        width: 100%;
        white-space: nowrap;
        line-height: 60px;
    }

    .fechas[b-jhthjq7kb3] {
    }

    .backDays[b-jhthjq7kb3] {
    }


    .time-box[b-jhthjq7kb3] {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0px solid #ddd;
        padding: 0px;
        margin: 0;
        text-align: center;
        height: auto;
    }

        .time-box > p[b-jhthjq7kb3] {
            margin: 0;
            padding: 0;
            font-size: 75%;
            font-family: 'dancing';
            color: black;
        }

    .time-label[b-jhthjq7kb3] {
        text-align: center;
        margin-top: 10px;
        padding: 0px;
        font-family: 'dancing';
        font-size: 20PX;
        color: black;
    }

.namesNormal[b-jhthjq7kb3] {
    font-family: 'dancing';
    text-align: center;
    font-size:2rem;
}

    .names[b-jhthjq7kb3] {
        top: -25px;
        padding: 0;
        position: relative;
        text-align: center;
        font-family: 'dancing';
        margin-bottom: 2px;
        overflow: hidden;
        max-height: 150px;
    }

    .name[b-jhthjq7kb3] {
        width: 100%;
    }

    .name1[b-jhthjq7kb3] {
        position: relative;
        top: 10px;
        left: calc(2vw - 4.5em);
    }

   

    .name2[b-jhthjq7kb3] {
        position: relative;
        right: calc(2vw - 4em);
        top: -10px;
    }

.name1[b-jhthjq7kb3], .name2[b-jhthjq7kb3], .ampersand[b-jhthjq7kb3] {
    font-size: clamp(20px,calc(5px + 2vw),25px);
}



    #kd[b-jhthjq7kb3] {
        position: relative;
        top: -10px;
    }

    .karla[b-jhthjq7kb3] {
        padding-left: 65px;
        padding-top: 0;
    }

    .Dario[b-jhthjq7kb3] {
        padding-right: 75px;
    }

    .content[b-jhthjq7kb3] {
        /*

            background-color:rgb(237, 232, 223); 
            height: calc(100% - 901px);
            */
        margin-bottom:50px;
        background-color: transparent;
    }


    .brightblak[b-jhthjq7kb3] {
        background-color: transparent;
        width: 50px;
        margin: 10px
    }

    .ubi[b-jhthjq7kb3] {
        padding: 0;
        margin: 0;
        font-size: 20px;
        font-family: 'Arapey', serif;
        text-align: center;
    }

        .ubi p[b-jhthjq7kb3] {
            margin: 0;
        }

    .btn-mapa[b-jhthjq7kb3] {
        margin-bottom:10px;
        font-size: 20px;
        color: white;
        background-color: rgb(149,140,135)
    }

/*
    Hoteles
*/

.carousel-control-prev-icon[b-jhthjq7kb3],
.carousel-control-next-icon[b-jhthjq7kb3] {
    filter: invert(100%); /* Cambia el ícono a negro */
}

.visit-link[b-jhthjq7kb3] {
    font-size: 25px; /* Tamaño de letra */
    cursor: pointer; /* Cambia el cursor a hand */
    color: black; /* Color de enlace */
}

.carousel h2[b-jhthjq7kb3] {
    font-family: dancing, cursive;
}

.dancing-p[b-jhthjq7kb3] {
    font-family: 'Arapey', serif;
    font-size: 20px;
}