@charset "utf-8";

.asistente_jamjamjam {
    position:fixed;right:1.61764706%;bottom:.71428571em;z-index:1000;
    width:5%;max-width:5%;font:1.02941176em/1.4 Arial,sans-serif;
    color:#071c50;text-align:left;
}
:where(.asistente_jamjamjam *) { font-size:inherit; }
.asistente_jamjamjam button { cursor:pointer; }
.asistente_jamjamjam_abrir {
    display:block;position:relative;box-sizing:border-box;
    width:100%;height:auto;aspect-ratio:1;margin:0 0 0 auto;padding:0;
    border:0;border-radius:50%;background:transparent;
    box-shadow:0 .28571429em 1.28571429em #071c5040;
    animation:asistente_jamjamjam_saludar 5s ease-in-out infinite;
}
.asistente_jamjamjam_abrir img {
    display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;
}
.asistente_jamjamjam_abrir span {
    position:absolute;right:-4%;top:-.21428571em;display:flex;
    align-items:center;justify-content:center;width:36%;height:auto;aspect-ratio:1;
    background:#ed006c;color:#fff;border-radius:50%;font-size:.85em;
    line-height:1;font-weight:bold;text-align:center;
}
.asistente_jamjamjam_panel {
    position:fixed;right:1.61764706%;top:auto;bottom:6.57142857em;
    width:28.67647059%;height:38.57142857em;max-height:calc(100% - 15em);
    display:flex;flex-direction:column;box-sizing:border-box;
    border:.07142857em solid #dce1f0;border-radius:1.42857143em;
    background:#fff;overflow:hidden;box-shadow:0 1em 3.21428571em #071c5033;
}
.asistente_jamjamjam_panel[hidden] { display:none; }
.asistente_jamjamjam_cabecera {
    display:flex;align-items:center;gap:2.3%;padding:.85714286em 3%;margin:0;
    background:#f7f6fc;border-bottom:.07142857em solid #e2e5ef;
}
.asistente_jamjamjam_cabecera img {
    display:block;width:10.25%;height:auto;aspect-ratio:1;
    border-radius:50%;object-fit:cover;margin:0;
}
.asistente_jamjamjam_cabecera strong { margin:0;flex:1;min-width:0;overflow-wrap:anywhere; }
.asistente_jamjamjam_cerrar {
    border:0;background:none;font-size:1.78571429em;color:#53627b;
    margin:0;padding:0 1%;line-height:1;
}
.asistente_jamjamjam_historial {
    flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;
    width:100%;box-sizing:border-box;margin:0;padding:.85714286em 3%;gap:.71428571em;
    overscroll-behavior:contain;
}
.asistente_jamjamjam_mensaje {
    flex-shrink:0;
    white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;
    max-width:92%;padding:.71428571em 3.1%;border-radius:1em;
    background:#f1f4fa;margin:0;align-self:flex-start;box-sizing:border-box;
}
.asistente_jamjamjam_mensaje_usuario { background:#fff0f7;align-self:flex-end; }
.asistente_jamjamjam_estado {
    min-height:1.5em;font-size:.85714286em;color:#65748c;
    margin:0;padding:0 3% .41666667em;
}
.asistente_jamjamjam_formulario {
    display:grid;grid-template-columns:minmax(0,1fr) 14%;align-items:center;
    gap:2%;padding:.71428571em 2.5%;border-top:.07142857em solid #e2e5ef;margin:0;
}
.asistente_jamjamjam_formulario textarea {
    min-width:0;width:100%;max-width:100%;border:.07142857em solid #d9dfed;
    border-radius:.71428571em;padding:.57142857em 3%;font:inherit;
    box-sizing:border-box;margin:0;resize:none;color:#071c50;
}
.asistente_jamjamjam_formulario button {
    border:0;border-radius:1.28571429em;background:#ed006c;color:#fff;
    font:inherit;font-weight:bold;padding:.6em 0;margin:0;width:100%;min-width:0;
    display:flex;align-items:center;justify-content:center;
}
.asistente_jamjamjam_formulario button svg {
    display:block;width:65%;height:1.6em;fill:none;stroke:currentColor;
    stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.asistente_jamjamjam_formulario button:disabled { opacity:.5;cursor:wait; }
.asistente_jamjamjam_oculto { position:absolute;width:0;height:0;overflow:hidden;clip-path:inset(50%); }
.asistente_contacto { padding:.5em 3.5%;font:.85714286em/1.4 Arial,sans-serif;width:100%;box-sizing:border-box;min-height:0;max-height:35%;overflow:auto;text-align:center; }
.asistente_contacto_abrir {
    display:flex;align-items:center;justify-content:center;flex:0 0 8%;width:8%;
    height:auto;min-height:0;aspect-ratio:1;margin:0;border:.1em solid #ed006c;border-radius:50%;
    background:#fff0f7;color:#b80053;text-align:center;cursor:pointer;
    font:inherit;font-weight:bold;padding:0;box-sizing:border-box;
}
.asistente_contacto:has(.asistente_contacto_opciones[hidden]) { display:none; }
.asistente_contacto_opciones { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em 3%;padding:.41666667em 0;max-height:8.33333333em;overflow:auto;text-align:center; }
.asistente_contacto_opciones[hidden] { display:none; }
.asistente_contacto_opciones p { margin:.16666667em 0;width:100%; }
.asistente_contacto_opciones>a {
    display:inline-flex!important;align-items:center;justify-content:center;
    width:15%;height:auto;aspect-ratio:1;margin:0;font-size:0!important;
    border:0;border-radius:50%;vertical-align:middle;text-decoration:none;
    background:#f2f5fb;transition:transform .18s ease,background .18s ease;
}
.asistente_contacto_opciones>a::before {
    content:"";display:block;width:65%;height:65%;flex:none;background:center/contain no-repeat;
}
.asistente_contacto_opciones>a:hover { background:#ffe8f1;transform:scale(1.08); }
.asistente_contacto_opciones>a:focus-visible { outline:thin solid #ed006c;outline-offset:0; }
@keyframes asistente_jamjamjam_saludar {
    0%,72%,100% { transform:translateY(0) rotate(0); }
    78% { transform:translateY(-.35714286em) rotate(-6deg); }
    84% { transform:translateY(0) rotate(6deg); }
    90% { transform:translateY(-.14285714em) rotate(0); }
}
@media (prefers-reduced-motion:reduce) { .asistente_jamjamjam_abrir { animation:none; } }
@media (max-width:48em), only screen and (max-device-width:30em) {
    .asistente_jamjamjam {
        right:4%;bottom:0em;width:16%;max-width:16%;font-size:3.888em;
    }
    .asistente_jamjamjam_abrir { height:4.11522634em;animation:none; }
    .asistente_jamjamjam_panel {
        top:var(--asistente-area-superior,1em);right:4%;bottom:auto;width:92%;
        font-size:var(--asistente-tamano-texto,1rem);
        height:var(--asistente-area-alto,calc(100% - 7em));
        max-height:var(--asistente-area-alto,calc(100% - 7em));
    }
    .asistente_jamjamjam_cabecera,.asistente_jamjamjam_estado,
    .asistente_jamjamjam_formulario { flex-shrink:0; }
    .asistente_jamjamjam_estado:empty { display:none; }
    .asistente_jamjamjam_historial { font-size:.85em; }
}

.asistente_contacto_opciones>a[href^="mailto:"]::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ed006c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='3'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E");
}
.asistente_contacto_opciones>a[href*="wa.me/"]::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325d366' d='M12 1a11 11 0 0 0-9.5 16.5L1 23l5.7-1.5A11 11 0 1 0 12 1'/%3E%3Cpath fill='white' d='M8 6c-.5-.2-1 .1-1.3.6-1 1.7-.2 4.2 2.5 6.9 2.8 2.7 5.6 3.7 7.2 2.6.6-.4 1-1.2.8-1.7l-2.6-1.3c-.4-.2-.6 0-.9.4l-.6.7c-1.6-.6-3.4-2.3-4-3.9l.7-.7c.3-.3.5-.6.3-1z'/%3E%3C/svg%3E");
}
.asistente_contacto_opciones>a[href^="tel:"]::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071c50' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 3 4 1 1 5-2 2a15 15 0 0 0 5 5l2-2 5 1 1 4c0 2-2 3-4 2C9 19 5 15 3 7c-.5-2 0-4 2-4Z'/%3E%3C/svg%3E");
}

.asistente_diagnostico {
    position:fixed!important;top:1em!important;left:3%!important;
    width:94%!important;max-height:65%!important;overflow:auto!important;
    box-sizing:border-box!important;z-index:2147483647!important;
    font:normal .875rem/1.4 Arial,sans-serif!important;text-align:left!important;
    color:#071c50!important;background:#fff!important;
    border:.15em solid #ed006c!important;border-radius:.6em!important;
    padding:1em 3%!important;margin:0!important;
}
.asistente_diagnostico strong { display:block;font:inherit!important;font-weight:bold!important; }
.asistente_diagnostico pre { font:inherit!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;margin:.5em 0!important; }
.asistente_diagnostico button { font:inherit!important;padding:.5em 3%!important;margin:.3em 2% .3em 0!important;border:.1em solid #ed006c!important;border-radius:.4em!important;background:#fff!important;color:#071c50!important; }

/* Mi cuenta movil: anclaje al area visual sin desplazar el panel. */
@media (max-width:48em), only screen and (max-device-width:30em){
 html body:has(.catalogo_cuenta) #asistente_jamjamjam{margin-bottom:var(--asistente-desfase-visual,0em);}
}

/* Recorrido final para poder sacar el contenido de debajo del asistente. */
@media (max-width:48em), only screen and (max-device-width:30em){
 html body:has(#asistente_jamjamjam){box-sizing:border-box;min-height:var(--asistente-pagina-minima,0em);padding-bottom:var(--asistente-reserva-final,0em);}
}

#asistente_medida_em{position:fixed;visibility:hidden;pointer-events:none;font:inherit;width:0;height:1em;padding:0;border:0;}


/* Ocultar el acceso completo mientras esta abierto el chat movil. */
@media(max-width:48em),only screen and (max-device-width:30em){
 html body #asistente_jamjamjam .asistente_jamjamjam_abrir[aria-expanded="true"]{visibility:hidden;pointer-events:none;}
}
