@font-face {
    font-family: 'amsterdam';
    src: url('../fonts/amsterdam/AmsterdamTwo.ttf');
}

@font-face {
    font-family: 'itc-avant';
    src: url('../fonts/itc-avant/itc-avant.otf');
}

@font-face {
    font-family: 'grotesk';
    src: url('../fonts/grotest/MADE_GoodTime_Grotesk_PERSONAL_USE.otf');
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/Montserrat-Light.otf');
}

@font-face {
    font-family: 'yaro';
    src: url('../fonts/yaro/YaroCut.ttf');
}

@font-face {
    font-family: 'month';
    src: url('../fonts/Mothercode.otf');
}

@font-face {
    font-family: 'playfair';
    src: url('../fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf');
}

.font-montserrat-sm {
    font-family: 'montserrat';
    font-size: 8px;
}
.font-montserrat {
    font-family: 'montserrat';
    font-size: 10px;
}
.font-montserrat-md {
    font-family: 'montserrat';
    font-size: 12px;
}

.font-montserrat-mdd {
    font-family: 'montserrat';
    font-size: 14px;
}
.font-montserrat-esp {
    font-family: 'montserrat';
    font-size: 16px;
}
.font-montserrat-x {
    font-family: 'montserrat';
    font-size: 17px;
}

.font-montserrat-xxl {
    font-family: 'montserrat' !important;
    font-size: 28px !important;
  }

.font-montserrat-xl {
    font-family: 'montserrat';
    font-size: 21px;
}

.font-amsterdam-xxl {
    font-family: 'amsterdam';
    font-size: 50px;
}

.font-amsterdam-xl {
    font-family: 'amsterdam';
    font-size: 30px;
}


.fon-itc-sm {
    font-family: 'itc-avant';
    font-size: 10px;
}
.fon-itc {
    font-family: 'itc-avant';
    font-size: 12px;
}
.fon-itc-md {
    font-family: 'itc-avant';
    font-size: 15px;
}
.fon-itc-x {
    font-family: 'itc-avant';
    font-size: 20px;
}
.fon-itc-xl {
    font-family: 'itc-avant';
    font-size: 25px;
}
.font-playfair{
    font-family: 'playfair';
    font-size: 13px;
}

.font-playfair-sm{
    font-family: 'playfair';
    font-size: 12.3px;
}

.font-playfair-xl{
    font-family: 'playfair';
    font-size: 29px;
}


.font-playfair-xxl{
    font-family: 'playfair';
    font-size: 50px;
}


.border-redondo {
    border-radius: 10px;
}

.border-redondo-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.border-redondo-abajo {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.border-redondo-parrafos {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.border-redondo-boton {
    border-radius: 15px;
}

.color-marron-letra {
    color: #cdb89f;
}

.color-gris-letra {
    color: #77757e;
}

.posicion-icons-login {
    margin-bottom: 25px;
    margin-right: -7px;
    z-index: 1000;
}

.manita {
    cursor: pointer;
}

.posicion_flor_peq {
    width: 250px;
    margin-top: -50px;
    margin-left: -40px;
    margin-bottom: -90px;
    position: relative;
    z-index: 100;
}

@media (max-width: 500px) {
    .posicion_flor_peq {
        width: 150px;
        margin-top: -50px;
        margin-left: -40px;
        margin-bottom: -50px;
        position: relative;
        z-index: 100;
    }
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.fondo-tabla-cabecera {
    background-color: #9f9392;
}

.posicion-flor-grande {
    position: absolute !important;
    top: -0%;
    right: 1%;
    opacity: 0.5;
}

.img-fluid {
    max-width: 100%;
}
.bg-formulario{
    background-color: #dedfdf;
}
.bg-carta-header{
    background-color: #d95050;
}
.bg-carta-cuerpo{
    background-color: #eff1f1;
}
.bg-precio-carta{
    background-color: #e11c21;
}
.posicion-img-carta{
    top: 70%;
    left: 20%;
    z-index: 100;
}


/*estilo home 1*/


.marco{
border-radius: 200px 0px 230px 230px;
overflow: hidden;
height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgb(222, 223, 223);
}


.imagen{
width: 90%;
border-radius: 100%;
}
.tam-estilos-carta-img{
    width: 180px; 
    height: 180px; 
    margin-top: -30px;
    object-fit: cover;
}

@media (max-width:430px) {
    .tam-estilos-carta-img{
        width: 100%; 
    }
    .recortar_texto {
        width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

.w-90 {
    width: 87%;
}

@media (min-width: 430px) {
    .w-90 {
        width: 90%;
    }

}

@media (min-width: 780px) {
    .w-90 {
        width: 87%;
    }

}

@media (min-width: 1400px) {
    .w-90 {
        width: 93%;
    }

}