body {  
	margin: 0 auto; 
	font-family: Arial, sans-serif; 
	font-size: 12px;  
	display: flex;  
	flex-direction: column;  
	min-height: 100vh;  
	background-color: #ffffff; 
    -webkit-text-size-adjust: none;
	width: 100%;
}

.header { font-family: 'Encode Sans Condensed', sans-serif; display: flex;  justify-content: space-between;  align-items: center;  background-color: #ffffff;  color: #000066;  padding: 15px 20px;  }
.logo {  margin-right: 15px; }

.actions {  display: flex; font-size: 12px;  }
.actions img {vertical-align: middle ; }
.actions a {  margin-left: 4px; margin-right: 15px;  color: #2a4474;  text-decoration: none;  font-weight: bold;}
.actions a:hover {  color: #D81316;}

.navbar {  display:flex;  flex-wrap: wrap;  background-color: #2a4474;  gap: 10px;}
.navbar a { font-family: 'Encode Sans Condensed', sans-serif; font-weight: 600; text-decoration: none;  color: #fff; font-size: 13px;  padding: 10px;  display: inline-block; transition: background-color 0.3s ease; }
.navbar a:hover {  background-color: #537bc3;}


.content {  flex: 1;  padding: 20px;  color: #000000;}
.content h1 {  font-family: 'Encode Sans Condensed', sans-serif; font-size: 18px;  color: #2a4474;}
.content h2 {  font-family: 'Encode Sans Condensed', sans-serif; font-size: 14px;  color: #3b6fac;}
.content h3 {  font-family: 'Encode Sans Condensed', sans-serif; font-size: 13px;  color: #4b99a6;}
.content p {  font-size: 12px; }

main.content a { color: #0066cc;  text-decoration: none; font-weight: bold; transition: color 0.3s; }
main.content a:hover {color: #2a4474; text-decoration: underline;}


.footer {  background-color: #e5e5e5;  color: #333333;  text-align: center;  padding: 15px 20px;  font-size: 11px;  }

/************** BASICOS ***************/ 
.opacar img {  opacity: 1;   transition: opacity 0.3s ease;}
.opacar:hover img { opacity: 0.5; }
.regularheight {height: auto;}
.espacioabajo20 {padding-bottom: 20px;}
.size11 {font-size: 11px;}
.size13 {font-size: 13px;}
.size14 {font-size: 14px;}
.colorrojo {color: #be0000;}
.colorverde {color: #396b00;}
.colorazul {color: #0088f4;}
.colorgris {color: #595959;}

a[href^="tel"], a[href^="mailto"] { text-decoration: none; color: inherit; }

/************** TABLAS ***************/ 
table { border: 1px solid #cccccc; border-collapse: collapse;  width: 100%;  }
table th { border: 1px solid #cccccc;  padding: 5px; text-align: center; background-color: #e5e5e5; }
table td { border: 1px solid #cccccc;  padding: 5px;  }


input[type="text"], select, input[type="email"], input[type="password"], textarea { border: 1px solid #cccccc; padding: 5px; background-color: #fff; color: #000000; }

/************** MENSAJES ***************/ 
.error {border: 1px dashed #bf0000; background-color:#ffd4d4; color:#bf0000; padding: 8px;   }
.advertencia {border: 1px dashed #85731b; background-color:#fff8d4; color:#85731b; padding: 8px;   }
.correcto {border: 1px dashed #28880f; background-color:#e0f0ca; color:#28880f; padding: 8px;   }

/************** COLORES DE BOTONES ***************/ 
.botonazul {padding: 10px 6px 10px 31px; border: 1px solid #2a4474; color: #ffffff; font-weight: bold; letter-spacing: 2px; background-color: #2a4474;   cursor: pointer; transition: background-color 0.3s ease; border-radius: 3px; }
.botonazul:hover {background-color: #537bc3; }

/************** ICONOS DE BOTONES ***************/ 
.botonbusqueda { background-image: url("imgs/admin_icon_buscar.svg"); background-repeat: no-repeat; background-position: left 6px center; background-size: 18px 18px; }
.botonenviar { background-image: url("imgs/admin_icon_enviar.svg"); background-repeat: no-repeat; background-position: left 6px center; background-size: 18px 18px; }

/************** BOX PERFIL ***************/ 
.boxperfil-general {  display: flex;  flex-wrap: wrap;  gap:10px;  justify-content: flex-start;  align-items: stretch; }
.boxperfil-item { width: 350px;  flex: 0 0 350px;  border: 1px solid #ccc;  border-radius: 5px;   overflow: hidden;   padding: 0px;  box-sizing: border-box;  display: flex;  flex-direction: column;	font-size: 12px; }
.boxperfil-top {  display: flex;  gap: 0px;  align-items: stretch; }
.boxperfil-texto1 {  flex: 0 0 120px;  height: 220px;  background-color: #e0e0e0;  padding: 10px;  display: flex;  align-items: flex-end;  justify-content: flex-start;  text-align: left;  overflow: hidden;  background-image: url("imgs/admin_box_profile.svg");  background-repeat: no-repeat;  background-size: 100px 100px;  background-position: center 20px; }
.boxperfil-texto-contenido {  width: 100%;  text-align: left;}
.boxperfil-texto2 {  flex: 0 0 188px; height: 220px; background-color: #e0e0e0;  padding: 10px;  display: block; text-align: right;  overflow: hidden;}
.boxperfil-recordatorio {  display: flex;  align-items: center; gap: 4px; margin-top: 2px;  width: 100%; justify-content: flex-end;  font-size: 11px; }
.boxperfil-recordatorio img {  width: 11px;  height: 11px;  display: inline-block;}
.boxperfil-bottom {  background-color: #d0d0d0;  padding: 10px;  text-align: center; }
.boxperfil-linea {border-bottom: 1px dashed #b8b8b8; padding-bottom: 4px; margin-bottom: 4px;}

/************** BOX EDICION ***************/ 
.profile-edicion {  width: 100%;  margin: 0 auto;  background-color: #fbfbfb;border: 1px solid #cccccc;}
.profile-edicion-contenedor-columnas {  display: flex;   gap: 20px;	padding: 20px;}
.profile-edicion-columna {  flex: 1;   padding: 15px 0px 0px 0px;}
.profile-edicion-columna h3 {  margin-top: 0px; padding-bottom: 15px;  margin-bottom: 15px;  border-bottom: 1px solid #ccc;}
.profile-edicion-grupo-preguntas {  display: flex;  flex-direction: column;  gap: 6px; }
.profile-edicion-fila-pregunta {  display: flex;    gap: 10px;  align-items: center; }
.profile-edicion-pregunta {  flex: 0 0;   min-width: 100px;    text-align: right;}
.profile-edicion input, select {  flex: 1 1 auto;  width: 100%;   box-sizing: border-box; }
.profile-edicion-consejo {  text-align: right;  font-size: 11px;  color: #666;  font-style: italic;padding-bottom: 8px; }
.profile-edicion-boton {  display: flex;  justify-content: flex-end;  padding: 0px 15px 15px 0px; }








.dsdesing {  width: 100%;  margin: 0 auto;  background-color: #f8f8f8;    box-sizing: border-box; margin-bottom: 20px;}
.dsdesing-titulo {  font-size: 13px;  font-weight: bold;  border-bottom: 1px solid #234279;  padding: 10px;  color: #ffffff;  background-color: #537bc3;}
.dsdesing-contenedor-columnas {  display: flex;  flex-wrap: wrap;  gap: 10px;}
.dsdesing-columna {  flex: 1 1 380px;  padding: 15px;  box-sizing: border-box;}
.dsdesing-grupo {  display: flex;  flex-direction: column;  gap: 6px;}
.dsdesing-fila {  display: flex;  align-items: center;  gap: 6px;}
.dsdesing-pregunta {  flex: 0 0 180px;  text-align: right;  color: #444;}
.dsdesing-anotacion {  color: #666;  font-style: italic;  margin: 15px 0 0px 0;  padding: 4px 4px;  background-color: #e6e6e6; border-right: 3px solid #ccc;	text-align: right;}
.dsdesing-fila input,
.dsdesing-input-col input,
.dsdesing-fila textarea {  flex: 1;  width: 100%;  box-sizing: border-box;  padding: 4px;  border: 1px solid #ccc;  background-color: #fff;  font-size: 12px; }

.dsdesing-inputs-multiples {  display: flex;  gap: 6px;  flex: 1; }
.dsdesing-input-col {  display: flex;  flex-direction: column;  align-items: center;   flex: 1; }
.dsdesing-input-col label {  font-size: 12px;  margin-bottom: 4px;  text-align: center;}


.dsdesing-respuesta {  flex: 1;  padding: 4px;  border-bottom: 1px dashed #ccc;  font-size: 12px;  box-sizing: border-box;  color: #333; font-weight: bold;}