.desaparecer {
    opacity: 0;
    transition: 0.8s ease all;
}
.desaparecerX {
    opacity: 0;
    transform: translateX(-5ch);
    transition: 0.8s ease all;
}

.desaparecerY {
    opacity: 0;
    transform: translateY(2ch);
    transition: 0.8s ease all;
}
.aparecer {
    opacity: 1;
    transform: translate(0vw);
    transition: 0.8s ease all;
}

#SATA_formulario label {
    border: 1px solid white;
    border-radius: 1vw;
}

#SATA_formulario input, #SATA_formulario select {
    border-radius: 1vw;
}

#SATA_formulario input[readonly] {
    display:none;
    background-color: transparent;
    border: 0;
    color: red;
    color: red;
    text-align: right;
}
#SATA_formulario input,#SATA_formulario input:enabled,#SATA_formulario select {
    padding: 0.3vw;
    background-color: #855EFE;
    border: 0;
    border-bottom: #855EFE;
    color: white;
    font-size: 2vw;
}
#SATA_iconosPortada {
    display: grid;
    grid-template-columns: 1fr 5fr;
    padding-left: 4vw;
    grid-area: b;
    padding-block: 3vw;
    align-items: center;
    transition: 0.5s ease all;
    opacity: 0;
    transform: translateX(4vw);
}
#SATA_imagenPortada {
    opacity: 0;
    grid-area:b;
    width:27vw;
    height: 23vw;
    z-index: 1;
    background-image: url("portada.webp");
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 2px 5px black);
    background-position-y: bottom;
    position: relative;
    top: 4vw;
    right: 4vw;
    transition: 1s ease all;
}
#SATA_formulario input:-webkit-autofill,#SATA_formulario input:-webkit-autofill:hover,#SATA_formulario input:-webkit-autofill:focus {
    -webkit-text-fill-color: yellow;
    -webkit-box-shadow: 0 0 0px 40rem rgb(120, 150, 255) inset;
}
#SATA_formulario input[type="button"] {
    margin-block: 2vw;
    font-size:6vw;
    background-color: #200966;
    color: white;
    border: 1px solid white;
    cursor: pointer;
    border-radius: 2vw;
}
#SATA_formulario input[type="button"]:hover {
    background-color: #4f14ff;
    color: #200966;
    border: 1px solid yellow;
}
.SATA_botonCiudad {
    background-color: #200966;
    border-radius: 1vw;
    padding: 2vw;
    margin-inline: 1vw;
    font-size: 2vw;
}
#SATA_formulario input[type="button"]:disabled {
    background-color: #855EFE;
    color: #ffffff;
    cursor: context-menu;
    border:0;
}
.SATA_coberturaNota {
    color: #200966;
    font-size:1.5vw;
    padding-top:2vw;
}
.SATA_cobertura_contenedor::-webkit-scrollbar, #SATA_contenedorCoberturas::-webkit-scrollbar  {
width: 15px;
}
.SATA_cobertura_contenedor::-webkit-scrollbar-track, #SATA_contenedorCoberturas::-webkit-scrollbar-track {
border-radius: 5px;
background-color: white;
}
.SATA_cobertura_contenedor::-webkit-scrollbar-thumb, #SATA_contenedorCoberturas::-webkit-scrollbar-thumb {
background: #200966; 
border-radius: 5px;
}
.SATA_cobertura_contenedor::-webkit-scrollbar-thumb:hover, #SATA_contenedorCoberturas::-webkit-scrollbar-thumb:hover {
background: #855EFE; 
}
.SATA_portada_coberturas_icono {
    background-color: #4f14ff;
    background-position: center;
    background-size: 2.8vw;
    background-repeat: no-repeat;
    width: 4vw;
    height: 4vw;
    padding: 0.25vw;
    border: 0.5vw solid white;
    border-radius: 1.5vw;
    filter: drop-shadow(0 0 5px black);
}
.SATA_portada_coberturas_texto{
  color:white;
  font-size:2vw;
}
.SATA_cobertura_descripcion {
  font-size: 1.8vw;
  display:grid;
  grid-template-areas:'a a''b c';
  grid-template-columns: 80% 20%;
  cursor: pointer;
  margin-block: 5px;
}
#SATA_coberturas_titulo {
    font-size: 3vw;
    color:white;
    font-weight:700;
    padding-bottom:2vw
}
.SATA_cobertura_descripcion:hover .SATA_cobertura_titulo,
.SATA_cobertura_descripcion:hover .SATA_cobertura_boton{
  background-color: #4f14ff;
  color: #ffffff;
}
.SATA_cobertura_boton {
    background-color: #ffffff;
    color: #4f14ff;
    font-size: 3vw;
    font-weight: bold;
    align-content: center;
    filter: drop-shadow(0px 0px 1px black);
    border-radius: 0vw 2vw 2vw 0vw;
}
.SATA_cobertura_titulo {
    align-self: center;
    color: #4f14ff;
    padding: 1vw;
    background-color: white;
    filter: drop-shadow(0px 0px 2px black);
    border-radius: 2vw 0vw 0vw 2vw;
}
.SATA_plan_titulo {
    color: #200966;
    margin-block: 1vw;
    background-color: #ffffff;
    color: #200966;
    margin-block: 1vw;
    background-color: #FFFFFF;
    border-radius: 1vw;
    grid-area: a;
    display: grid
;
    grid-template-columns: 10% 80% 10%;
    grid-area: a;
    display: grid;
    grid-template-columns: 10% 80% 10%;
}
#SATA_cobertura_columna {
  display: grid;
  grid-template-areas: "a a"
                       "b c";
  grid-template-columns: 55% 45%;
}
#SATA_tituloPlan {
    font-size: 4vw;
}
.SATA_flecha {
  padding-block: 1vw;
  font-size: 3.5vw;
  cursor: pointer;
  display: block;
  visibility: visible;
}
.SATA_flechaDisabled {
  visibility: hidden;
  cursor: context-menu;
}
.SATA_flecha:hover {
  color: #450145;
}
.SATA_cobertura_contenedor {
  grid-area:b;
}
.SATA_cobertura_cuadro_titulo {
    font-size: 2vw;
    color: #4f14ff;
}
.SATA_cobertura_cuadro_descripcion li {
    font-size: 1.75vw;
    color: #855EFE;
}
.SATA_cobertura_cuadro_descripcion ul {
    margin-block: 1vw;
}
.SATA_ofertaValorLista {
    color: #ffffff;
    background-color: #200966;
    padding: 0.5vw;
    margin: 0.5vw;
    align-content: center;
    border-radius: 1vw;
}
.SATA_ofertaValorLista li{ 
    padding-block:0.5vw;
    font-size: 1.5vw;
}
.SATA_ofertaValorLista ul {
    margin: 0;
    list-style-type: disclosure-closed;
    text-align: left;
}

#SATA_textoCobertura {
    color: #4f14ff;
    font-size: 2.5vw;
    transition:all ease 1s;
}
#SATA_contenedorCoberturas {
    grid-area: c;
    text-align: left;
    padding: 2vw;
    background-color: white;
    margin-inline: 2vw;
    border-radius: 2vw;
    align-self:center;
}
#SATA_portada {
    height: 25vw;
    display:grid;
    grid-template-areas:'a a b''a a b';
    width:100%;
    grid-template-columns: 5fr 3fr 5fr;
    background: linear-gradient(180deg, #4f14ff  25%,#855EFE 75%);
    padding-top: 2vw;
}
#SATA_portada_titulo {
    grid-area:a;
    padding-top: 1vw;
    padding-left: 2vw;
    font-size: 4.5vw;
    align-self: start;
    font-weight: 600;
    color: #4f14ff;
}
#SATA_portada_contratitulo {
    grid-area: d;
    font-size: 3vw;
    color: #200966;
    padding-left: 2vw;
}
#SATA_portada_subtitulo {
    grid-area:c;
    font-size: 2.5vw;
    padding-right: 1.5vw;
    padding-inline: 2vw 3vw;
    align-self: flex-start;
    color: #200966;
}
#SATA_portadaContenedor {
    display:grid;
    grid-template-areas:'d b''a b''c b';
    grid-area:a;
    background-color: white;
    border-radius: 0vw 35ch 0vw 0vw;
    justify-content: right;
    align-items: end;   
}
#SATA_coberturas { 
    background-color: #855EFE;
    text-align: center;
    font-size: 5vw;
    padding-top:7vw;
    padding-bottom:3vw;
    padding-inline: 2vw;
}
#SATA_ofertaValor {
    display:grid;
    grid-template-areas:"a1 b1 c1""a2 b2 c2"; 
    font-size: 2.5vw;
}
#SATA_oferta {
    background: linear-gradient(180deg, #855EFE 0%,#4f14ff 100%);
    text-align: center;
    font-size: 5vw;
    padding-top: 1vw;
    padding-bottom: 3vw;
    padding-inline: 2vw;
}
.SATA_oferta_texto {
    color: #4f14ff;
    background-color: white;
    font-size: 2.25vw;
    padding: 1vw;
    margin-block: 1vw;
}
#SATA_ciudades {
    color: white;
    background-color: #4f14ff;
    text-align: center;
    font-size: 3.25vw;
    padding-top:2vw;
    padding-bottom:2vw;
    padding-inline:2vw;
}
#SATA_ciudadContenedor {
    padding-block: 3vw;
    font-size:3vw;
    color:white;
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
.SATA_contenedorFormulario {
    display:grid;
    grid-template-columns:1fr 3fr;
    column-gap:2vw;
    margin-block:2vw 1vw;
}
#SATA_formularioDocumento {
    grid-template-areas: "a1 b1"
                         "a2 b2";
    grid-template-columns:1fr 2fr;
    column-gap:2vw;
    row-gap:1vw;
}
#SATA_formularioDescripcion {
    grid-area:b;
    font-size: 2vw;
    color:white; 
    text-align: left;
    padding-inline: 2vw;
}
#SATA_formulario {
    color: white;
    background: linear-gradient(180deg, #4f14ff 50%, #200966 150%);
    text-align: center;
    font-size: 4vw;
    padding-bottom:3vw;
    padding-inline:6vw;
    display:grid;
    grid-template-areas:'a c''b c''d d';
}
#SATA_tigre {
    grid-area: c;
    background-image: url(/recursos/imagenes/Tigre.webp);
    height: 12vw;
    width: 12vw;
    align-self: end;
    background-position: center bottom;
    background-size: 11vw;
    background-color: white;
    filter: none;
    border: 0;
    margin-right: 2vw;
}
.SATA_contenedorCorreo {
    grid-template-columns:2fr 3fr;
}
@media only screen and (max-width: 500px) {
    #SATA_portada {
        height: 80vw;
        grid-template-areas:
            'a'
            'b';
        grid-template-columns: 1fr;
    }
    #SATA_portada_contratitulo {
        font-size: 6vw;
        padding-top: 2vw;
    }
    #SATA_portada_titulo {
        font-size: 10vw;
        width: 120%;
    }
    #SATA_portada_subtitulo {
        font-size: 5vw;
        padding-bottom: 4vw;
    }
    #SATA_tituloPlan {
        font-size: 6vw;
    }
    #SATA_coberturas_titulo {
        font-size: 5vw;
    }
    .SATA_flecha {
        font-size: 6vw;
    }
    #SATA_coberturas, #oferta { 
        font-size:8vw;
    }
    .SATA_portada_coberturas_icono {
        width: 9vw;
        height: 9vw;
        background-size: 6vw;
        margin-block: 1vw;
    }
    .SATA_portada_coberturas_texto {
        font-size: 5vw;
    }
    .SATA_cobertura_descripcion {
        font-size: 4vw;
    }
    .SATA_coberturaNota {
        font-size: 3vw;
    }
    .SATA_cobertura_cuadro_titulo {
        font-size:6vw;
    }
    #SATA_cobertura_columna {
        grid-template-areas:    "a"
                                "b"
                                "c";
        grid-template-columns: 1fr;
        row-gap: 2vw;
        column-gap: 2vw;
    }
    .SATA_ofertaValorLista li {
        font-size: 5vw;
    }
    #SATA_textoCobertura, .cobertura_cuadro_titulo, .cobertura_cuadro_descripcion li, .cobertura_titulo, .ofertaValorLista li{
        font-size: 5vw;
    }
    #SATA_oferta {
        font-size: 8vw;
    }
    #SATA_ contenedorCoberturas {
        height: 35vw;
    }
    #SATA_ofertaValor {
        grid-template-areas:"a1""a2""b1""b2""c1""c2"; 
        font-size:7vw;
    }
    .SATA_oferta_texto {
        font-size: 6vw;
    }
    #SATA_ciudades {
        font-size: 8vw;
    }
    #SATA_ciudadContenedor {
        padding-inline:2vw;
        row-gap: 2vw;
        grid-template-columns:1fr 1fr;
    }
    .SATA_contenedorFormulario {
        display:grid;
        grid-template-columns:1fr;
        row-gap: 1vw;
        margin-block:2vw 1vw;
    }
    .SATA_cobertura_cuadro_descripcion li {
        font-size: 4vw;
    }
    .SATA_cobertura_cuadro_descripcion ul {
        margin-block: 2vw 0vw;
    }
    #SATA_formulario input[type="button"] {
        font-size: 10vw;
    }
    #SATA_formulario input:enabled, #SATA_formulario label {
        font-size: 5vw;
    } 
    .SATA_botonCiudad {
        font-size: 5vw;
    }
    #SATA_formulario select {
        text-align: center;
        font-size: 5vw;
    }
    #SATA_formularioDocumento {
        grid-template-areas: "a1"
                             "a2"
                             "b1"
                             "b2";
        grid-template-columns:1fr;
    }
    #SATA_formulario {
        padding-inline: 1vw;
        grid-template-areas:  'a c'
                              'b b'
                              'd d';
    }
    .SATA_contenedorCorreo {
        grid-template-columns:1fr;
    }
    #SATA_formularioDescripcion {
        font-size:5vw;
    }
    #SATA_formularioTitulo {
        font-size: 7vw;
    }
    #SATA_tigre {
        width: 24vw;
        height: 25vw;
        background-size: 25vw;
        background-color: transparent;
        justify-self: center;
    }
    #SATA_portada {
        padding-top: 7vw;
        height: auto;
    }
    #SATA_imagenPortada {
        width: 42vw;
        height: 40vw;
        top: 5vw;
        right: 2vw;
    }
    #SATA_portadaContenedor {
        border-radius: 0vw 38vw 0vw 0vw;
    }
    #SATA_iconosPortada {
        padding: 7vw 3vw 3vw 3vw;
    }
}