/* PAQUETES */
.contenedor-general-paquete
{
    max-height: 2000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    transition: max-height .5s ease-in-out;
    overflow:hidden;
}

.contenedor-interno-swiper.inactivo,
.contenedor-paquetes.inactivo,
.contenedor-general-paquete.inactivo
{
    max-height: 0;
}

.swiper-button-disenio-next,
.swiper-button-desarrollo-next,
.swiper-button-paquete-next
{
    position: absolute;
    right: -25px;
    bottom: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedor-general-paquete .paquete {transition: transform .5s ease-in-out;}

.contenedor-paquetes .paquete:hover
{
    transform: scale(1.05);
}

.paquete.paquete-uno {
    /*transform: translateX(20px);*/
    z-index: 0;
}

.paquete.paquete-dos {
    /*transform: translateX(10px);*/
    z-index: 1;
}

.paquete.paquete-tres {
    /*transform: translateX(0);*/
    z-index: 2;
}

#paquete_conjunto .paquete.paquete-uno {
    /*transform: translateX(10px);*/
    z-index: 0;
}

#paquete_conjunto .paquete.paquete-dos {
    /*transform: translateX(-10px);*/
    z-index: 1;
}

#paquete_conjunto .paquete.paquete-tres {
    /*transform: translateX(0px);*/
    z-index: 2;
}

.contenedor-paquetes {
    width: 100%;
    padding: 2rem 1rem;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;    
}

.paquete-verde.paquete-tres .paquete-cabecera .titulo-paquete,
.paquete-azul.paquete-tres .paquete-cabecera .titulo-paquete,
.paquete-morado.paquete-tres .paquete-cabecera .titulo-paquete,
.paquete-negro.paquete-tres .paquete-cabecera .titulo-paquete,
.paquete-naranja.paquete-tres .paquete-cabecera .titulo-paquete,
.paquete-amarillo.paquete-tres .paquete-cabecera .titulo-paquete
{ color: var(--color-blanco);}

.paquete-verde.paquete-tres .paquete-cabecera .subtitulo-paquete,
.paquete-azul.paquete-tres .paquete-cabecera .subtitulo-paquete,
.paquete-morado.paquete-tres .paquete-cabecera .subtitulo-paquete,
.paquete-negro.paquete-tres .paquete-cabecera .subtitulo-paquete,
.paquete-naranja.paquete-tres .paquete-cabecera .subtitulo-paquete,
.paquete-amarillo.paquete-tres .paquete-cabecera .subtitulo-paquete
{ color: var(--color-blanco);}

.paquete-verde.paquete-tres .paquete-cabecera { background-color: var(--color-verde);}
.paquete-verde .paquete-cabecera::after, .paquete-body::after { background-color: var(--color-verde); }
.paquete-verde .paquete-cabecera .titulo-paquete { color: var(--color-verde);}
.paquete-verde span.item-paquete::after { background-image: url(../icon/aproved-green.svg); }
.paquete-verde .btn.btn-primary { background-color: var(--color-verde); }

.paquete-azul.paquete-tres .paquete-cabecera { background-color: var(--color-azul);}
.paquete-azul .paquete-cabecera::after, .paquete-body::after { background-color: var(--color-azul); }
.paquete-azul .paquete-cabecera .titulo-paquete { color: var(--color-azul);}
.paquete-azul span.item-paquete::after { background-image: url(../icon/aproved-blue.svg); }
.paquete-azul .btn.btn-primary { background-color: var(--color-azul); }

.paquete-morado.paquete-tres .paquete-cabecera { background-color: var(--color-morado);}
.paquete-morado .paquete-cabecera::after, .paquete-body::after { background-color: var(--color-morado); }
.paquete-morado .paquete-cabecera .titulo-paquete { color: var(--color-morado);}
.paquete-morado span.item-paquete::after { background-image: url(../icon/aproved-violet.svg); }
.paquete-morado .btn.btn-primary { background-color: var(--color-morado); }

.paquete-negro.paquete-tres .paquete-cabecera { background-color: var(--color-negro);}
.paquete-negro .paquete-cabecera::after, .paquete-body::after { background-color: var(--color-negro); }
.paquete-negro .paquete-cabecera .titulo-paquete { color: var(--color-negro);}
.paquete-negro span.item-paquete::after { background-image: url(../icon/aproved-black.svg); }
.paquete-negro .btn.btn-primary { background-color: var(--color-negro); }

.paquete-naranja.paquete-tres .paquete-cabecera { background-color: var(--color-naranja);}
.paquete-naranja .paquete-cabecera::after, .paquete-body::after { background-color: var(--color-naranja); }
.paquete-naranja .paquete-cabecera .titulo-paquete { color: var(--color-naranja);}
.paquete-naranja span.item-paquete::after { background-image: url(../icon/aproved-orange.svg); }
.paquete-naranja .btn.btn-primary { background-color: var(--color-naranja); }

.paquete-amarillo.paquete-tres .paquete-cabecera { background-color: var(--color-amarillo);}
.paquete-amarillo .paquete-cabecera::after, .paquete-body::after { background-color: var(--color-amarillo); }
.paquete-amarillo .paquete-cabecera .titulo-paquete { color: var(--color-amarillo);}
.paquete-amarillo span.item-paquete::after { background-image: url(../icon/aproved-yellow.svg); }
.paquete-amarillo .btn.btn-primary { background-color: var(--color-amarillo); }

.paquete {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    overflow: hidden;

    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);

    border-radius: .5rem;
    flex: 1 0 225px;
    max-width: 400px;
    background-color: var(--color-blanco);
}

.paquete-cabecera {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding: .75rem 1rem;
}

.paquete-cabecera::after {
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
}

.paquete-cabecera .titulo-paquete {
    font-size: var(--texto-tam);
    font-family: 'unbounded';
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.paquete-tres .paquete-cabecera .titulo-paquete {
    text-align: left;
}

.paquete-cabecera .subtitulo-paquete {
    font-size: large;
    font-weight: 300;
}

.paquete-body {
    padding:  1rem 1rem 1rem 3rem;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    gap: .25rem;
}

.paquete-body::after {
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
}

.paquete-uno  .paquete-body { line-height: 1.65rem; }
.paquete-dos  .paquete-body { line-height: 1.75rem; }
.paquete-tres .paquete-body { line-height: 1.9rem; }

span.item-paquete::after {
    content: "";
    background-size: contain;
    left: -28px;
    top: 2px;
    height: 24px;
    width: 24px;
    position: absolute;
}

span.item-paquete {
    position: relative;
}

.paquete-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 2rem;
    position: relative;
}

.paquete-footer-precio {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.paquete-footer-precio .paquete-precio {
    font-weight: 600;
}

.paquete-footer-precio .paquete-precio-subtitulo {
    font-size: calc(9px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 200;
}

span.paquete-precio.paquete-precio-tachado {
    text-decoration: line-through;
    color: #afafaf;
}

.paquete-footer-consultar {
    display: flex;
    align-content: center;
    align-items: center;
}

/* FIN PAQUETE */

/* BOTONES DE PAQUETES */

div#contenedor_btn_packages {
    width: 100%;
    display: block;
}

div#cnt_interno_btn_packages {
    width: 90%;
    max-width: 1000px;
    margin: auto;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.cnt-btn-pkg {
    width: 100%;
    max-width: 125px;
    aspect-ratio: 1;
    margin: 1rem;
    

    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex: 1 0 125px;
    
}

button.btn.btn-pkg {

    width: 100%;
    height: -webkit-fill-available;
    border-radius: 50%;
    padding: 1.5rem;

    overflow: hidden;
    line-height: unset;
    border: none;
    aspect-ratio: 1;
    box-sizing: content-box;
    transition: background-color .25s ease-in-out, transform .25s ease-in-out, box-shadow .25s ease-in-out;
    
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}

button.btn.btn-pkg figure img {
    max-height: 100px;
    width: -webkit-fill-available;
}


button.btn.btn-azul { background-color: var(--color-azul);}
button.btn.btn-verde { background-color: var(--color-verde);}
button.btn.btn-naranja { background-color: var(--color-naranja);}
button.btn.btn-morado { background-color: var(--color-morado);}
button.btn.btn-amarillo { background-color: var(--color-amarillo);}

button.btn.btn-azul:active,
button.btn.btn-verde:active,
button.btn.btn-naranja:active,
button.btn.btn-morado:active,
button.btn.btn-amarillo:active
{
    background-color: var(--color-negro);
    transform: scale(1.1);
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
}

button.btn.servicio-activo
{
    background-color: var(--color-negro);
    transform: scale(1.1);
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
}

.contenedor-general-paquete button.btn.btn-primary
{
    transition: all .5s ease-in-out;
}

.contenedor-general-paquete button.btn.btn-primary:active,
.contenedor-general-paquete button.btn.btn-primary:hover
{
    background-color: var(--color-negro);
}


/* SWIPER */

.contenedor-swiper-equipo {display: none !important;}

/* Animaciones */

#equipo .contenedor-background {
    animation-name: fade;
    view-timeline-name: --div;
    animation-timeline: --div;
    view-timeline-axis: block;
    animation-range: entry 325% cover;
}

/* FIN Animaciones */