@charset "utf-8";
/* CSS Document */
/* Estilos de mensaje flotante */
.fondo-mensaje-ayuda-flotante {
  position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:1; opacity: 0; transition: opacity 0.3s;
}

.fondo-mensaje-ayuda-flotante-2 {
  position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:1; opacity: 0; transition: opacity 0.3s;
}

.fondo-mensaje-ayuda-flotante-3 {
  position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:1; opacity: 0; transition: opacity 0.3s;
}

.fondo-mensaje-ayuda-flotante-4 {
  position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:1; opacity: 0; transition: opacity 0.3s;
}

.fondo-mensaje-ayuda-flotante-5 {
  position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:1; opacity: 0; transition: opacity 0.3s;
}

.fondo-mensaje-ayuda-flotante-6 {
  position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:1; opacity: 0; transition: opacity 0.3s;
}

.mensaje-ayuda-flotante {
  position:fixed; max-width:400px; width:80%; height:auto; transform:translate(-50%, -50%); top:50%; left:50%; margin:0 auto; padding:0 24px 40px 24px; border-radius:4px; text-align:center; z-index:9999;
  opacity: 0; transition: opacity 0.3s;
}

.mensaje-ayuda-flotante-2 {
  position:fixed; max-width:400px; width:80%; height:auto; transform:translate(-50%, -50%); top:50%; left:50%; margin:0 auto; padding:0 24px 40px 24px; border-radius:4px; text-align:center; z-index:9999;
  opacity: 0; transition: opacity 0.3s;
}

.mensaje-ayuda-flotante-3 {
  position:fixed; max-width:400px; width:80%; height:auto; transform:translate(-50%, -50%); top:50%; left:50%; margin:0 auto; padding:0 24px 40px 24px; border-radius:4px; text-align:center; z-index:9999;
  opacity: 0; transition: opacity 0.3s;
}

.mensaje-ayuda-flotante-4 {
  position:fixed; max-width:400px; width:80%; height:auto; transform:translate(-50%, -50%); top:50%; left:50%; margin:0 auto; padding:0 24px 40px 24px; border-radius:4px; text-align:center; z-index:9999;
  opacity: 0; transition: opacity 0.3s;
}

.mensaje-ayuda-flotante-5 {
  position:fixed; max-width:400px; width:80%; height:auto; transform:translate(-50%, -50%); top:50%; left:50%; margin:0 auto; padding:0 24px 40px 24px; border-radius:4px; text-align:center; z-index:9999;
  opacity: 0; transition: opacity 0.3s;
}

.mensaje-ayuda-flotante-6 {
  position:fixed; max-width:400px; width:80%; height:auto; transform:translate(-50%, -50%); top:50%; left:50%; margin:0 auto; padding:0 24px 40px 24px; border-radius:4px; text-align:center; z-index:9999;
  opacity: 0; transition: opacity 0.3s;
}

.fondo-mensaje-ayuda-flotante-visible, .mensaje-ayuda-flotante-visible {
  opacity:1;
}

.fondo-mensaje-ayuda-flotante-visible-2, .mensaje-ayuda-flotante-visible-2 {
  opacity:1;
}

.fondo-mensaje-ayuda-flotante-visible-3, .mensaje-ayuda-flotante-visible-3 {
  opacity:1;
}

.fondo-mensaje-ayuda-flotante-visible-4, .mensaje-ayuda-flotante-visible-4 {
  opacity:1;
}

.fondo-mensaje-ayuda-flotante-visible-5, .mensaje-ayuda-flotante-visible-5 {
  opacity:1;
}

.fondo-mensaje-ayuda-flotante-visible-6, .mensaje-ayuda-flotante-visible-6 {
  opacity:1;
}

.mensaje-ayuda-flotante textarea {
  width:96%; height:100px; margin:-5px 0 35px 0; padding:2%; border:none; border-radius:2px; font-family:"Lato", sans-serif; font-size:15px; resize:none;
}

.mensaje-ayuda-flotante-2 textarea {
  width:96%; height:100px; margin:-5px 0 35px 0; padding:2%; border:none; border-radius:2px; font-family:"Lato", sans-serif; font-size:15px; resize:none;
}

.mensaje-ayuda-flotante-3 textarea {
  width:96%; height:100px; margin:-5px 0 35px 0; padding:2%; border:none; border-radius:2px; font-family:"Lato", sans-serif; font-size:15px; resize:none;
}

.mensaje-ayuda-flotante-4 textarea {
  width:96%; height:100px; margin:-5px 0 35px 0; padding:2%; border:none; border-radius:2px; font-family:"Lato", sans-serif; font-size:15px; resize:none;
}

.mensaje-ayuda-flotante-5 textarea {
  width:96%; height:100px; margin:-5px 0 35px 0; padding:2%; border:none; border-radius:2px; font-family:"Lato", sans-serif; font-size:15px; resize:none;
}

.mensaje-ayuda-flotante-6 textarea {
  width:96%; height:100px; margin:-5px 0 35px 0; padding:2%; border:none; border-radius:2px; font-family:"Lato", sans-serif; font-size:15px; resize:none;
}


.mensaje-ayuda-flotante textarea:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  -moz-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  box-shadow: inset 0px 0px 0px 2px #B4D8E0;
}

.mensaje-ayuda-flotante-2 textarea:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  -moz-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  box-shadow: inset 0px 0px 0px 2px #B4D8E0;
}

.mensaje-ayuda-flotante-3 textarea:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  -moz-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  box-shadow: inset 0px 0px 0px 2px #B4D8E0;
}

.mensaje-ayuda-flotante-4 textarea:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  -moz-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  box-shadow: inset 0px 0px 0px 2px #B4D8E0;
}

.mensaje-ayuda-flotante-5 textarea:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  -moz-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  box-shadow: inset 0px 0px 0px 2px #B4D8E0;
}

.mensaje-ayuda-flotante-6 textarea:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  -moz-box-shadow: inset 0px 0px 0px 2px #B4D8E0;
  box-shadow: inset 0px 0px 0px 2px #B4D8E0;
}

.mensaje-ayuda-flotante .material-symbols-outlined {
  font-size:100px; font-weight:400; margin:20px auto 12px auto;
}

.mensaje-ayuda-flotante-2 .material-symbols-outlined {
  font-size:100px; font-weight:400; margin:20px auto 12px auto;
}

.mensaje-ayuda-flotante-3 .material-symbols-outlined {
  font-size:100px; font-weight:400; margin:20px auto 12px auto;
}

.mensaje-ayuda-flotante-4 .material-symbols-outlined {
  font-size:100px; font-weight:400; margin:20px auto 12px auto;
}

.mensaje-ayuda-flotante-5 .material-symbols-outlined {
  font-size:100px; font-weight:400; margin:20px auto 12px auto;
}

.mensaje-ayuda-flotante-6 .material-symbols-outlined {
  font-size:100px; font-weight:400; margin:20px auto 12px auto;
}


.mensaje-ayuda-flotante p {
  width:100%; height:auto; margin-bottom:30px; color:#467B0E; line-height:24px;
}

.mensaje-ayuda-flotante-2 p {
  width:100%; height:auto; margin-bottom:30px; color:#467B0E; line-height:24px;
}

.mensaje-ayuda-flotante-3 p {
  width:100%; height:auto; margin-bottom:30px; color:#467B0E; line-height:24px;
}

.mensaje-ayuda-flotante-4 p {
  width:100%; height:auto; margin-bottom:30px; color:#467B0E; line-height:24px;
}

.mensaje-ayuda-flotante-5 p {
  width:100%; height:auto; margin-bottom:30px; color:#467B0E; line-height:24px;
}

.mensaje-ayuda-flotante-6 p {
  width:100%; height:auto; margin-bottom:30px; color:#467B0E; line-height:24px;
}

.mensaje-ayuda-flotante a {
  padding:8px 24px; font-size:15px; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:2px;
}

.mensaje-ayuda-flotante-2 a {
  padding:8px 24px; font-size:15px; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:2px;
}

.mensaje-ayuda-flotante-3 a {
  padding:8px 24px; font-size:15px; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:2px;
}

.mensaje-ayuda-flotante-4 a {
  padding:8px 24px; font-size:15px; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:2px;
}

.mensaje-ayuda-flotante-5 a {
  padding:8px 24px; font-size:15px; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:2px;
}

.mensaje-ayuda-flotante-6 a {
  padding:8px 24px; font-size:15px; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:2px;
}

.mensaje-ayuda-flotante-positivo {background-color:#DFEECF;}
.mensaje-ayuda-flotante-positivo .material-symbols-outlined, .mensaje-ayuda-flotante-positivo p {color:#467B0E;}
.mensaje-ayuda-flotante-positivo a {color:#DFEECF; background-color:#467B0E;}
.mensaje-ayuda-flotante-positivo a:hover {background-color:#588727;}
.mensaje-ayuda-flotante-neutro {background-color:#CFE8EE;}
.mensaje-ayuda-flotante-neutro .material-symbols-outlined, .mensaje-ayuda-flotante-neutro p {color:#0E757B;}
.mensaje-ayuda-flotante-neutro a {color:#CFE8EE; background-color:#0E757B;}
.mensaje-ayuda-flotante-neutro a:hover {background-color:#1a848a;}
.mensaje-ayuda-flotante-neutro .boton-mensaje-ayuda-flotante-secundario {margin-left:12px; color:#0E757B; background-color:#B4D8E0;}
.mensaje-ayuda-flotante-neutro .boton-mensaje-ayuda-flotante-secundario:hover {background-color:#bfdfe6;}
.mensaje-ayuda-flotante-negativo {background-color:#FBDADA;}
.mensaje-ayuda-flotante-negativo .material-symbols-outlined, .mensaje-ayuda-flotante-negativo p {color:#C02525;}
.mensaje-ayuda-flotante-negativo a {color:#FBDADA; background-color:#C02525;}
.mensaje-ayuda-flotante-negativo a:hover {background-color:#d74040;}