/* MEDIA */
/* Breakpoints simplificados: movil, tablet, laptop y pc. */

@media (max-width: 767.98px) {
    :root {
        --site-header-logo-height: 42px;
    }
    #site-header .container {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    #site-header .btn {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .hidden-xs { display: none !important; }
    .text-left { text-align: center !important; }
    .text-right { text-align: center !important; }
    .border-xs-none { border: 0 !important; }
    .border-left-xs-none { border-left: none !important; }
    .border-right-xs-none { border-right: none !important; }
    .border-top-xs-none { border-top: none !important; }
    .border-bottom-xs-none { border-bottom: none !important; }
    h1 { font-size: 30px !important; }
    h2 { font-size: 28px !important; }
    h4 { font-size: 19px !important; }
    .w-80 { max-width: 90% !important; }
    .auth-wizard-title h1 { font-size: 20px !important; }
    #informacion-general .col-lg-5 {
        width: 70%;
        margin: 0 auto;
    }
    #informacion-general .col-lg-5 img { margin-bottom: 10px !important; }
    #informacion-general .col-lg-7 { padding: 40px 0; }
    #informacion-general .sub {
        font-size: 30px !important;
        line-height: 30px;
        margin-top: 25px;
    }
    .d-flex-sm-xs { display: flex !important; }
    #hero {
        padding-top: 2rem !important;
        padding-bottom: 3.75rem !important;
    }
    #hero .hero__list {
        margin-right: auto;
        margin-left: auto;
        font-size: .875rem;
        display: block;
        max-width: 30rem;
        padding-left: 0;
        line-height: 1.7;
        text-align: center;
    }
    #hero .hero__list::before { display: none; }
    #hero .hero__list li { display: inline; }
    #hero .hero__list li::before { display: none; }
    #hero .hero__list li:not(:last-child)::after { content: " "; }
    .hero__media { margin-top: 1rem; }
    #disenos-demo .row.align-items-center > .col-lg-3 { order: 2; }
    #disenos-demo .row.align-items-center > .col-lg-9 { order: 1; }
    .disenos-demo__tabs {
        position: static;
        margin: -2.5rem auto 2rem;
        justify-content: center;
    }
    body.boda .disenos-demo__tabs,
    body.xv .disenos-demo__tabs {
        display: flex;
        width: fit-content;
        margin: -2.5rem auto 1.5rem;
    }
    #disenos-demo .profile-designs-grid {
        gap: 0.75rem;
        padding-top: 0.75rem;
    }
    #disenos-demo .profile-designs-item + .profile-designs-item {
        border-left: 0;
    }
    #disenos-demo .profile-designs-item img {
        height: 150px;
        max-height: 150px;
    }
    .disenos-demo__feature {
        min-height: 0;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    body.boda .disenos-demo-carousel__grid,
    body.xv .disenos-demo-carousel__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .disenos-demo__diamond { display: none; }
    #proceso ol {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem .75rem;
        width: 100%;
        max-width: 26rem;
        margin: 0 auto;
    }
    #proceso ol li {
        margin-bottom: 0 !important;
        display: flex;
        justify-content: center;
    }
    #proceso .proceso__step.d-flex {
        width: auto;
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: center;
        text-align: center !important;
        max-width: 12rem;
        margin: 0 auto;
        gap: .35rem;
    }
    #proceso .proceso__step img {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        object-fit: contain;
        margin-right: 0 !important;
        margin-bottom: .35rem;
    }
    #proceso .proceso__step span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 1rem;
    }
    #proceso .proceso__step small {
        display: block;
        width: fit-content;
        margin: 0 auto .25rem;
    }
    #proceso .col-lg-4 .hero__list {
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 30rem;
        padding-left: 0;
        line-height: 1.7;
        text-align: center;
    }
    #proceso .col-lg-4 .hero__list::before { display: none; }
    #proceso .col-lg-4 .hero__list li { display: inline; }
    #proceso .col-lg-4 .hero__list li::before { display: none; }
    #proceso .col-lg-4 .hero__list li:not(:last-child)::after { content: " "; }
    #hero {
        padding-bottom: 5.25rem;
        background-position: 58% center;
    }
    .lista__card {
        position: relative;
        z-index: 2;
        margin-top: 80px;
    }
    .lista__flower--mobile {
        display: block;
        position: absolute;
        top: 40%;
        left: 50%;
        width: min(210px, 52vw);
        margin: 0;
        transform: translate(-50%, -50%) rotate(85deg);
        transform-origin: center center;
        z-index: 1;
        pointer-events: none;
    }
    .lista__flower--mobile-front {
        display: block;
        position: absolute;
        top: auto;
        left: -20px;
        bottom: -18px;
        width: 100px;
        margin: 0;
        transform: scaleX(-1);
        transform-origin: center center;
        z-index: 1;
        pointer-events: none;
    }
    .lista__card .d-flex {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 1rem !important;
    }
    .lista__flower--right {
        right: -10px;
    width: 90px;
    bottom: 80px;
    }
    .informacion-carousel__slide { min-height: 200px; }
    .informacion-general__block + .informacion-general__block { margin-top: 5rem !important; }
    .informacion-general__curve-svg { height: 72px; }
    .site-footer__curve-svg { height: 64px; }
    .site-footer__curve { top: -64px; }
    body.invitation-edit-page .guest-summary-section,
    body.guest-list-page .guest-summary-section,
    body.guest-seating-page .guest-summary-section {
        margin-bottom: 0 !important;
        padding-bottom: 24px !important;
    }
    .hero__media-image {
    width: 80%;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: -80px;
}
    .proceso__phone {
    margin-top: 0px;
    margin-bottom: 0px;
    }
    .lista__flower--mobile {
        width: min(240px, 48vw);
        top: 38%;
    }
    .lista__flower--mobile-front {
        left: -10px;
        width: 90px;
        bottom: 0px;
    }
    .lista__card .d-flex {
        align-items: center !important;
        text-align: center;
    }
    .lista__content {
        padding: 50px 50px 50px 50px;
    }
    footer .footer-terminos {
        width: calc(100% + 1.5rem);
        margin-right: -0.75rem;
        margin-left: -0.75rem;
        padding-right: .75rem !important;
        padding-left: .75rem !important;
        background: transparent !important;
        border-radius: 0;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }
    footer .footer-terminos p {
        width: 100%;
        text-align: center;
    }
    footer .footer-terminos .links-terminos {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .1rem;
        justify-content: center;
        align-items: center;
    }
    footer .footer-terminos .links-terminos a {
        padding: 0;
        line-height: 1.2;
    }
    .card-invitacion-interna {
        align-items: center;
    }
    .card-invitacion-interna__content {
        align-self: center;
        justify-content: center;
    }
    .card-invitacion-interna__copy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 64px;
    }
    .card-invitacion-interna__actions {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #site-header .btn {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .hidden-sm { display: none !important; }
    .text-left { text-align: center !important; }
    .text-right { text-align: center !important; }
    .border-sm-none { border: 0 !important; }
    .border-left-xs-none { border-left: none !important; }
    .border-right-xs-none { border-right: none !important; }
    .border-top-xs-none { border-top: none !important; }
    .border-bottom-xs-none { border-bottom: none !important; }
    #disenos-demo .profile-designs-item + .profile-designs-item {
        border-left: 0;
    }
    .carousel-control-next,
    .carousel-control-prev { align-items: end; width: 12%; }
    #image-hover .contenido { opacity: 1; }
    #informacion-general .col-lg-5 {
        width: 70%;
        margin: 0 auto;
    }
    #informacion-general .col-lg-5 img { margin-bottom: 10px !important; }
    #informacion-general .col-lg-7 { padding: 40px 0; }
    #informacion-general .sub {
        font-size: 30px !important;
        line-height: 30px;
        margin-top: 25px;
    }
    .d-flex-sm-xs { display: flex !important; }
    #hero {
        padding-top: 2rem !important;
        padding-bottom: 3.75rem !important;
    }
    #hero .hero__list {
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 34rem;
        padding-left: 0;
        line-height: 1.7;
        text-align: center;
    }
    #hero .hero__list::before { display: none; }
    #hero .hero__list li { display: inline; }
    #hero .hero__list li::before { display: none; }
    #hero .hero__list li:not(:last-child)::after { content: " "; }
    .hero__media { margin-top: 1rem; }
    #disenos-demo .row.align-items-center > .col-lg-3 { order: 2; }
    #disenos-demo .row.align-items-center > .col-lg-9 { order: 1; }
    .disenos-demo__tabs {
        position: static;
        margin: -2.5rem auto 2rem;
        justify-content: center;
    }
    body.boda .disenos-demo__tabs,
    body.xv .disenos-demo__tabs {
        display: flex;
        width: fit-content;
        margin: -2.5rem auto 1.5rem;
    }
    .disenos-demo__feature {
        min-height: 0;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    body.boda .disenos-demo-carousel__grid,
    body.xv .disenos-demo-carousel__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .disenos-demo__diamond { display: none; }
    #proceso ol {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem .75rem;
        width: 100%;
        max-width: 32rem;
        margin: 0 auto;
    }
    #proceso ol li {
        margin-bottom: 0 !important;
        display: flex;
        justify-content: center;
    }
    #proceso .proceso__step.d-flex {
        width: auto;
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: center;
        text-align: center !important;
        max-width: 13rem;
        margin: 0 auto;
        gap: .35rem;
    }
    #proceso .proceso__step img {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        object-fit: contain;
        margin-right: 0 !important;
        margin-bottom: .35rem;
    }
    #proceso .proceso__step span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 1rem;
    }
    #proceso .proceso__step small {
        display: block;
        width: fit-content;
        margin: 0 auto .25rem;
    }
    #proceso .col-lg-4 .hero__list {
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 34rem;
        padding-left: 0;
        line-height: 1.7;
        text-align: center;
    }
    #proceso .col-lg-4 .hero__list::before { display: none; }
    #proceso .col-lg-4 .hero__list li { display: inline; }
    #proceso .col-lg-4 .hero__list li::before { display: none; }
    #proceso .col-lg-4 .hero__list li:not(:last-child)::after { content: " "; }
    .disenos-demo__item + .disenos-demo__item { border-left: 0; }
    .proceso__phone {
        max-height: 340px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .informacion-carousel__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .hero__media-image {
        width: 80%;
        padding-top: 0px;
        margin-bottom: 0px;
        margin-top: -80px;
    }
    .proceso__phone {
    margin-top: 0px;
    margin-bottom: 0px;
    }
    .lista__content {
        padding: 35px 15px 35px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .hidden-md { display: none !important; }
    .border-md-none { border: 0 !important; }
    .hero__media { margin-bottom: 0; }
    .hero__media-image {
        margin-left: auto;
        margin-right: 0;
    }
    body.boda .disenos-demo-carousel__grid,
    body.xv .disenos-demo-carousel__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .informacion-carousel__grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
}

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
    .border-lg-none { border: 0 !important; }

    .hero__media { margin-bottom: 0; }

    .hero__media-image {
        margin-left: auto;
        margin-right: 0;
    }

    .informacion-carousel__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}