@import"https://fonts.googleapis.com/css?family=Roboto+Condensed";:root{--main-color: #0f265c;--secundary-color: #27B1E4;font-family:Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-color{color:var(--main-color)}a{font-weight:500;color:var(--main-color);text-decoration:inherit}a:hover{color:var(--secundary-color)}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}p{font-size:14px}button{padding:0;margin:0;background:none;cursor:pointer;border:none;transition:border-color .25s}button:hover{border-color:var(--secundary-color)}button:focus,button:focus-visible{outline:4px auto var(--secundary-color)}input:focus,input:focus-visible{outline:4px auto var(--secundary-color)}#app-lupita{margin:0;text-align:center}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--secundary-color);border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:var(--main-color)}.chatbotButton[data-v-ddf71c06]{position:fixed;bottom:0px;right:0px;background-color:#ffcc02;border:none;border-radius:50px;font-size:2rem;width:100%;height:60px;padding:9px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;box-shadow:0 2px 10px #0003;z-index:1000;font-size:16px;font-weight:700;line-height:19.5px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#000}.chatbotButton-lupitaLogo[data-v-ddf71c06]{background-color:#fff;border-radius:50%;margin-right:13px;width:42px;height:42px;position:left}.chatbotButton[data-v-ddf71c06]:hover{background:#f4eee4;border:3px solid #671C34;box-shadow:3px 9px 8.5px #0003;padding: 0 7px 0 7px;}.header[data-v-ad8022e8]{display:flex;align-items:center;justify-content:center;gap:13px;border-bottom:1px solid #ccc;font-size:14px;text-align:left;position:relative;padding-bottom:15px}p[data-v-ad8022e8]{margin-block:0;white-space:pre-wrap}.chatbotButton-lupitaLogo[data-v-ad8022e8]{background-color:#fff;border-radius:50%;width:60px;height:60px}.header__description[data-v-ad8022e8]{width:100%;flex-shrink:1}.tooltip-container[data-v-ad8022e8]{position:absolute;top:10px;right:10px;cursor:pointer}.tooltip-text[data-v-ad8022e8]{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;top:50%;right:165%;margin-top:-20px;opacity:0;transition:opacity .3s;font-size:12px}.clean-icon[data-v-ad8022e8]{transition:transform .3s}.tooltip-container:hover .clean-icon[data-v-ad8022e8]{transform:scale(1.2)}.tooltip-container:hover .tooltip-text[data-v-ad8022e8]{visibility:visible;opacity:1}.ai[data-v-da708c2f]{max-width:95%;padding:2.5% 1.5% 5% 3.5%;box-sizing:border-box;background-color:#fff;border-radius:15px 15px 15px 0;margin-bottom:8px;position:relative}.content[data-v-da708c2f]{white-space:pre-wrap;overflow:hidden;text-align:left;font-size:14px}[data-v-da708c2f] .content h3{margin:0;margin-top:.5rem;margin-bottom:-.6rem}.feedback[data-v-da708c2f]{position:absolute;right:14px;bottom:-14px;display:flex;gap:10px}.feedback button[data-v-da708c2f]{background:none;border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#fff;box-shadow:0 2px 5px #0003;transition:background-color .3s ease}.feedback button[data-v-da708c2f]:hover{background-color:#e0e0e0}.feedback button.voted[data-v-da708c2f]{background-color:var(--main-color);opacity:.5;color:#fff}.citations[data-v-da708c2f]{font-size:small;color:var(--main-color);margin-left:15px}.section[data-v-da708c2f]{margin-top:15px;margin-bottom:5px}.section[data-v-da708c2f] audio[data-v-da708c2f]{height:40px;width:calc(100% - 2px)}.audio[data-v-da708c2f]{display:flex;justify-content:center}.typing[data-v-da708c2f]{font-style:italic;color:#555;font-size:14px}.dot[data-v-da708c2f]{animation:blink-da708c2f 1.4s infinite;opacity:0}.dot[data-v-da708c2f]:nth-child(2){animation-delay:.2s}.dot[data-v-da708c2f]:nth-child(3){animation-delay:.4s}.dot[data-v-da708c2f]:nth-child(4){animation-delay:.6s}@keyframes blink-da708c2f{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.rating-form[data-v-da708c2f]{margin-top:12px}.rating-radio-group[data-v-da708c2f]{display:flex;flex-direction:column;gap:6px}.radio-option[data-v-da708c2f]{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.radio-option input[type=radio][data-v-da708c2f]{accent-color:var(--main-color);cursor:pointer}.form-actions[data-v-da708c2f]{display:flex;justify-content:space-between;margin-top:12px}.cancel-button[data-v-da708c2f],.submit-button[data-v-da708c2f]{padding:8px 15px;border-radius:6px;border:1px solid var(--main-color);cursor:pointer;font-size:14px;background-color:#fff}.cancel-button[data-v-da708c2f]{background-color:#f0f0f0;color:#333}.cancel-button[data-v-da708c2f]:hover{background-color:#e0e0e0}.submit-button[data-v-da708c2f]{background-color:var(--main-color);color:#fff}.submit-button[data-v-da708c2f]:hover{background-color:#3a7fff}.cancel-button[data-v-da708c2f]:disabled,.submit-button[data-v-da708c2f]:disabled{background-color:#dcdcdc;cursor:not-allowed}.user[data-v-718f98ca]{max-width:90%;min-width:50px;padding:2% 2% 2.5% 3.5%;box-sizing:border-box;background-color:#f1d374;border-radius:15px 15px 0;margin-left:auto;margin-top:0;margin-bottom:0;white-space:pre-wrap;overflow:hidden;text-align:left}.chat-container[data-v-41a75f13]{display:flex;flex-direction:column;height:calc(100% - 110px);overflow:hidden;position:relative}.image-wrapper[data-v-41a75f13]{position:absolute;width:99%;height:97%;top:0;left:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.messages[data-v-41a75f13]{overflow-y:auto;flex-grow:1;z-index:0}.message[data-v-41a75f13]{padding:10px;display:flex}.message[data-v-41a75f13]:first-child{margin-top:10px}.message[data-v-41a75f13]:last-child{margin-bottom:15px}.svg-bg-chat[data-v-41a75f13]{width:100%;object-fit:cover;position:absolute;opacity:.05}.svg-bg-chat-small[data-v-41a75f13]{max-width:80%;top:10%;left:30%}.svg-bg-chat-big[data-v-41a75f13]{max-width:58%;top:7%;left:46%}.active[data-v-efb62f83]{width:100%}.inactive[data-v-efb62f83]{width:0%}.recording-indicator[data-v-efb62f83]{color:red;font-weight:700}.input-icon[data-v-efb62f83]{cursor:pointer;font-size:21px}.clean-icon[data-v-efb62f83]{cursor:pointer;font-size:16px;color:brown;margin-left:10px}.voice-input[data-v-efb62f83]{height:calc(100% - 8px);display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:flex-start}.audio_str[data-v-efb62f83]::-webkit-media-controls-time-remaining-display{display:none}.audio_str[data-v-efb62f83]::-moz-media-controls-duration-display{display:none}.audio_str[data-v-efb62f83]{width:calc(100% - 140px);height:100%;margin-left:10px}.chat-input[data-v-15416a53]{height:33.38px;position:relative;display:flex;align-items:center}.chat-input input[data-v-15416a53]{height:100%;width:100%;padding:2% 70px;box-sizing:border-box;border:2px solid #ccc;border-radius:15px}.input-icon[data-v-15416a53]{cursor:pointer;font-size:24px;z-index:2}.record-icon[data-v-15416a53]{position:absolute;left:20px}.attachment-icon[data-v-15416a53]{position:absolute;left:44px}.send-icon[data-v-15416a53]{position:absolute;right:20px}.cardContent[data-v-c592de1b]{box-shadow:0 2px 4px #0000001a;transition:width .3s;background-color:#f4eee4;overflow:hidden;height:100%;display:flex;border-radius:8px;flex:1}.cardContent-content[data-v-c592de1b]{padding:10px 15px 12px;white-space:nowrap;width:-webkit-fill-available;display:flex;flex-direction:column}.initForm[data-v-907e3663]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:start;background-color:#f9f9f9;height:100%}.initForm[data-v-907e3663] span[data-v-907e3663]{font-size:14px}.initForm-banner-container[data-v-907e3663]{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;flex:1 1 120px}.initForm-banner-container[data-v-907e3663] .initForm-banner[data-v-907e3663]{width:100%;height:100%;object-fit:cover}.initForm-form-container[data-v-907e3663]{flex:1 1 calc(100% - 120px);height:100%}.initForm h2[data-v-907e3663]{margin-bottom:20px;color:#333}.initForm form[data-v-907e3663]{box-sizing:border-box;width:100%;height:100%;padding:10px 20px;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px}.initForm label[data-v-907e3663]{font-size:14px;margin-bottom:2.5px;display:block}.input-text[data-v-907e3663]{box-sizing:border-box;padding:5px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:100%}.checkbox[data-v-907e3663]{display:flex;gap:5px}.checkbox[data-v-907e3663] label[data-v-907e3663]{text-align:justify;font-size:12px}.initForm button[data-v-907e3663]{width:100%;border-radius:100px;background-color:#27b1e4;color:#fff;border:none;padding:10px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.initForm button[data-v-907e3663]:disabled{background-color:#d3d3d3;border-radius:100px}.initForm button[data-v-907e3663]:hover:not(:disabled){background-color:#27b1e4;border-radius:100px}.popup-overlay[data-v-ff3d4de8]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup[data-v-ff3d4de8]{background-color:#fffefb;padding:20px;border-radius:10px;width:40%;min-width:250px}.popup[data-v-ff3d4de8] h3[data-v-ff3d4de8],.popup[data-v-ff3d4de8] p[data-v-ff3d4de8]{margin:0 0 10px}.popup-overlay__Form[data-v-ff3d4de8]{display:flex;flex-direction:column;align-items:flex-start;padding:0 20px;gap:3px}.popup-overlay__Form__buttons[data-v-ff3d4de8]{margin-top:10px;width:100%;display:flex;justify-content:space-around;padding-top:10px}.cancel-button[data-v-ff3d4de8],.submit-button[data-v-ff3d4de8]{padding:5px 15px;border-radius:6px;border:1px solid var(--main-color);cursor:pointer;font-size:14px;background-color:#fff}.cancel-button[data-v-ff3d4de8]{background-color:#f0f0f0;color:#333}.cancel-button[data-v-ff3d4de8]:hover{background-color:#e0e0e0}.submit-button[data-v-ff3d4de8]{background-color:var(--main-color);color:#fff}.submit-button[data-v-ff3d4de8]:hover{background-color:#021945}.cancel-button[data-v-ff3d4de8]:disabled,.submit-button[data-v-ff3d4de8]:disabled{background-color:#dcdcdc;cursor:not-allowed}.chatbot-container[data-v-abb5af06]{position:fixed;bottom:-175px;right:15vh;width:calc(100vh - 40px);max-width:400px;height:calc(100vh - 95px);max-height:600px;box-sizing:border-box;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;z-index:999;transition:all .3s ease; color:#000000;}.chatbot-header[data-v-abb5af06]{background-color:#671c34;color:#fff;height:40px;padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:10px 10px 0 0}.chatbo-logoSsf[data-v-abb5af06]{height:38px}.chatbot-reset-button[data-v-abb5af06]{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;margin-right:25px;margin-left:auto}.chatbot-close-button[data-v-abb5af06]{background:none;border:none;color:#fff;font-size:1.7rem;cursor:pointer;margin-right:18px}.chatbot-body[data-v-abb5af06]{flex:1;overflow-y:auto;border-radius:0 0 10px 10px}.container-pageFake[data-v-9d0b0d9b]{width:100%}.pageFake[data-v-9d0b0d9b]{height:100%;width:100%}

/*estilos que no están presentes en lupita*/
h3 {
    font-size: 1.17em;
}
/*fin de estilos no presentes en lupita*/

/* Contenedor del menú radial */
img.iconoPrincipal {
    width: 30px;
}

/*estilos adicionales de lupita*/
.cardContent-content {
    color: #000;
    background-color: #ffffff;
}

.popup-overlay {
    background-color: #ffffff;
    color: #000;
    position: absolute;
    top: 4%;
    height: -webkit-fill-available;
    padding: 5% 0 0 0;
}

/* Contenedor del menú radial */
img.iconoPrincipal {
    width: 30px;
}

.gio-radial-menu {
    position: fixed;
    width: 80px;
    height: 80px;
    margin: 80px auto;
    right: 0px;
    bottom: 5%;
    z-index: 2;
}

p.textoBtn {
    position: absolute;
    bottom: -40px;
    color: #671c34;
    font-size: 0.8em;
	text-align:center;
	line-height:1em;
}

/* Botón principal (el icono del que salen las opciones) */
.gio-main-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: #671c34;        /* color principal */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.gio-main-btn:hover {
  transform: translate(-50%, -50%) scale(1.05);
  box-shadow: 0 14px 28px rgba(0,0,0,0.45);
}

.gio-main-icon {
  font-size: 0px;
}

/* Botones de opción (los que salen alrededor) */
.gio-option {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #11182700;
    color: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.25s ease,
    opacity 0.25s ease;
}

/* Pequeño tooltip opcional al pasar el mouse */
.gio-option::after {
  content: attr(data-label);
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
  background: #000000cc;
  color: #ffffff;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.gio-option:hover::after {
  opacity: 1;
}

img.imgSoporte {
    width: 85%;
}

/* Cuando el menú está "abierto", movemos las opciones alrededor en círculo */
.gio-radial-menu.open .gio-option {
  opacity: 1;
  pointer-events: auto;
}

/* Posiciones tipo “columna diagonal” a la izquierda del botón grande */
.gio-radial-menu.open .gio-opt-1 {
    transform: translate(-50%, -50%) translate(-50px, -110px);
}

.gio-radial-menu.open .gio-opt-2 {
    transform: translate(-50%, -50%) translate(-105px, -51px);
}

.gio-radial-menu.open .gio-opt-3 {
    transform: translate(-60%, -50%) translate(-95px, 27px);
}

.gio-radial-menu.open .gio-opt-4 {
    transform: translate(-50%, -50%) translate(-50px, 94px);
}

/* Efecto hover en cada opción */
.gio-option:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

/*banner de mesa de soporte*/
div#contactPreview {
    position: absolute;
    right: 25vh;
    width: 400px;
    bottom: 0px;
}

img.bannerMesaSoporte {
    width: 100%;
}

/*estilos css de lupita*/
img.chatbotButton-lupitaLogo {
    width: 40px;
}

.chatbot-container {
    position: absolute;
    right: 15vh;
    bottom: -265%;
    width: 450px;
}

img.initForm-banner {
    width: 100%;
}

button.chatbotButton {
    border: none;
    background-color: #ffffff;
    border-radius: 100px;
}

/*
.chatbot-body[data-v-abb5af06] {
    flex: 1;
    overflow-y: auto;
    border-radius: 0 0 10px 10px;
}*/

div#chat {
    position: absolute;
    bottom: 6px;
    left: 0px;
    height: auto;
    width: 100%;
    /* z-index: 2; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.chatbot-header[data-v-abb5af06] {
    background-color: #671c34;
    color: #fff;
    height: 25px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px 10px 0 0;
}

.chatbo-logoSsf[data-v-abb5af06] {
    height: 38px;
}

.initForm form[data-v-907e3663] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 8px;
    color: #272833;
}

.initForm-form-container[data-v-907e3663] {
    flex: 1 1 calc(100% - 120px);
    height: 100%;
}

.initForm[data-v-907e3663] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: start;
    background-color: #f9f9f9;
    height: 100%;
}

.initForm[data-v-907e3663] span[data-v-907e3663] {
    font-size: 14px;
}

.initForm label[data-v-907e3663] {
    font-size: 14px;
    margin-bottom: 2.5px;
    display: block;
}

.input-text[data-v-907e3663] {
    box-sizing: border-box;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

.fa-solid, .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.chatbot-close-button[data-v-abb5af06] {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.7rem;
    cursor: pointer;
    margin-right: 18px;
}

/*fin de estilos css de lupita*/

/*estilos mesa de servicios*/
.button:disabled {
    width: 45px !important;
    height: 45px !important;
}
/* fin de estilos mesa de servicios*/


/* Versión más pequeña en móviles, si quieres */
@media (max-width: 480px) {
  .gio-radial-menu {
    width: 60px;
    height: 60px;
  }

  .gio-main-btn {
    width: 56px;
    height: 56px;
  }

  .gio-option {
    width: 60px;
    height: 60px;
  }

/* Posiciones tipo “columna diagonal” a la izquierda del botón grande */
.gio-radial-menu.open .gio-opt-1 {
    transform: translate(-50%, -50%) translate(-50px, -110px);
}

.gio-radial-menu.open .gio-opt-2 {
    transform: translate(-50%, -50%) translate(-105px, -51px);
}

.gio-radial-menu.open .gio-opt-3 {
    transform: translate(-60%, -50%) translate(-95px, 27px);
}

.gio-radial-menu.open .gio-opt-4 {
    transform: translate(-50%, -50%) translate(-50px, 94px);
}

/*estilo experimental para modificar el zindex en mobile*/
/* estado normal */
.gio-radial-menu.open .gio-option {
    z-index: 1;
}

/* estado activo en móvil */
.gio-radial-menu.open .gio-option.gio-active {
    z-index: 999;
}

/*fin de estilo experimental para modificar el zindex en mobile*/	
	
/*estilo contenedor formulario lupita mobile*/
	.chatbot-container[data-v-abb5af06] {
    position: fixed;
    bottom: -170px;
    right: 1vh;
    width: calc(44vh - 40px);
    max-width: 400px;
    height: calc(100vh - 95px);
    max-height: 600px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px #0003;
    display: flex;
    flex-direction: column;
    z-index: 999;
    transition: all .3s ease;
    color: #000000;
}
/*fin de estilo contenedor formulario lupita mobile*/		
	
	/* estilos de call center azul*/
	.panel .panel_content.small-form[data-v-c8580658] {
    min-height: var(--call-us-height-small-form, 410px);
    height: 427px!important;
		width: 200px;
}

.panel .panel_content.calling-window[data-v-c8580658], .panel .panel_content.chat-form[data-v-c8580658], .panel .panel_content.small-form[data-v-c8580658] {
    min-width: var(--call-us-form-width-min, 240px)!important;
    width: 248px !important;
    min-height: var(--call-us-form-height-min, 425px);
}
	/* fin de estilos call center azul*/
	
}