<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">

    <style>
        @font-face {
            font-family: 'TrajanProBold';
            src: url({#asset trajanpro-bold.ttf @encoding=dataURI}) format('truetype');
            font-weight: bold;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'TrajanProRegular';
            src: url({#asset TrajanPro-Regular.ttf @encoding=dataURI}) format('truetype');
            font-weight: bold;
            font-style: normal;
        }

        @font-face {
            font-family: 'MontserratBold';
            src: url({#asset montserrat-bold.ttf @encoding=dataURI}) format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'MontserratExtraBold';
            src: url({#asset montserrat-extrabold.ttf @encoding=dataURI}) format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat-light';
            src: url({#asset montserrat-light.ttf @encoding=dataURI}) format('truetype');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'SegoeBlack';
            src: url({#asset segoe-ui-black.ttf @encoding=dataURI}) format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        /* ================= CONFIGURACIÓN DE PÁGINA ================= */

        @page {
            size: A4 portrait;
            margin: 1.2cm 0.6cm 2.4cm 0.6cm;
        }

        body {
            font-size: 12pt;
            line-height: 1.6;
            color: #000;
        }
        
        /* ================= HEADER DEL REPORTE================= */
        
        .header-container {
            position: relative;
            height: 80px; /* o el alto que quieres para el header */
        }

        .header-left {
            position: relative;
            height: 80px; /* o el alto que quieres para el header */
        }

        .certificado-wrapper {
            position: absolute;
            top: 0;
            right: 0;
        }

        .certificado-container {
            position: relative;
            width: 430px;
            padding: 30px 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        .marco-superior {
            position: absolute;
            top: 0;
            right: 25px;
            width: 251px;
            height: 22px;
            margin-top: 0px;
            border-top: 3px solid #FFCA00;
            border-left: 3px solid #FFCA00;
            border-right: 3px solid #FFCA00;
            border-radius: 40px 40px 0 0;
        }

        .marco-inferior {
            position: absolute;
            left: 148px;
            width: 57px;
            height: 41px;
            margin-top: -5px;
            border-left: 3px solid #FFCA00;
            border-bottom: 3px solid #FFCA00;
        }

        .titulo-verde {
            margin: 0;
            font-size: 20.80px;
            line-height: 1;
            text-align: right;
            letter-spacing: 0.3px;
            color: #0b6b3a;
            font-family: 'Montserrat-light';
        }

        .titulo-negro {
            margin: 0;
            font-size: 28px;
            line-height: 1.2;
            text-align: right;
            font-weight: 900;
            color: #1c1c1c;
            font-family: 'MontserratExtraBold';
        }
        
        .titulo-negro-sm {
            margin: 0;
            font-size: 18px;
            line-height: 1;
            text-align: right;
            letter-spacing: 0.3px;
            color: #1c1c1c;
            font-family: 'Montserrat-light';
        }
        
        .header-line {
            height: 4px;
            margin-top: 15px;
            background: #007C3E;
        }

        .escudo-banner {
            height: 190px;       /* baja un poco el tamaño */
            width: auto;        /* mantiene proporción */
            display: block;     /* evita espacios raros */
        }
        
        /* ================= ESTILOS PARA EL CARNET DE LA FOTO Y QR ================= */
        
        .noBox {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 9pt;
            font-weight: bold;
            color: #888;
            border: 1px dashed #bbb;
            box-sizing: border-box;
        }

        .qr-wrapper {
            position: relative;
            width: 2.19cm;
            height: 2.19cm;
        }

        .qr-img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .qr-fixed {
            position: fixed;
            left: 0.5cm;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
        }

        .qr-wrapper span {
            position: absolute;
            width: 14px;
            height: 14px;
            border-style: solid;
            border-color: #007C3E;
        }
        
        .banner-container {
            display: flex;
            align-items: center;   /* centra vertical */
            height: 100%;          /* ocupa todo el alto del header */
            margin-left: -55px;
        }
        
        .qr-texto-validacion {
            width: 2.5cm;
            font-family: Arial, sans-serif;
            font-size: 9px;
            font-weight: bold;
            line-height: 1.3;
            color: #4a4a4a;
        
            text-align: center;
            margin-bottom: 5px;
        }

        /* --- SECCIÓN FOTO PERFIL --- */

        /* Contenedor de la foto */
        .carnet-foto-container {
            width: 110px;
            height: 100%;
            margin-right: 4px;
            border-radius: 4px;
            background-color: #007A33;
            position: relative;
            overflow: hidden;
        }
        
        /* Imagen real del usuario */
        
        .carnet-foto-container img {
            position: absolute;
            top: 3px;
            left: 3px;
            width: calc(100% - 6px);
            height: calc(100% - 6px);
            object-fit: cover;
            border-radius: 3px;
        }
        
        /* avatar cuando no hay foto */
        
        .foto-default {
            position: absolute;
            top: 3px;
            left: 3px;
            width: calc(100% - 6px);
            height: calc(100% - 6px);
            background: #007A33;
            border-radius: 3px; /* igual que la foto */
        }
        
        /* cabeza */
        
        .foto-default::before {
            content: "";
            width: 28%;
            height: 22%;
            background: #FFFFFF;
            border-radius: 50%;
            position: absolute;
            top: 28%;
            left: 50%;
            transform: translateX(-50%);
        }
        
        /* cuerpo */
        
        .foto-default::after {
            content: "";
            width: 55%;
            height: 28%;
            background: #FFFFFF;
            border-radius: 40px 40px 0 0;
            position: absolute;
            bottom: 18%;
            left: 50%;
            transform: translateX(-50%);
        }
        
        /* Eliminamos fondo y borde del contenedor principal para que las piezas "floten" */
        .carnet-wrapper {
            display: flex;
            align-items: stretch; /* Centra la foto y el QR verticalmente respecto a los datos */
            width: 85%; 
            font-family: Arial, sans-serif;
            margin: 20px auto;

        }
        
        /* Información Central: Ahora lleva el fondo y el borde aquí */
        .carnet-info {
            flex: 1;
            display: flex;
            flex-direction: column;
            background-color: transparent; /* Ahora es transparente para que el hueco sea blanco */
            border: none; /* Quitamos el borde global */
            height: 100%;
        }
        
        .carnet-header {
            background-color: #CDCDCD;
            color: #333;
            font-weight: bold;
            text-align: center;
            padding: 4px 0;
            font-size: 12px;
            border-bottom: 2px solid #007A33;
            margin-bottom: 10px;
        }
        
        .carnet-datos {
            padding: 10px 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex: 1;
            margin-top: 0px;
            background-color: #FFFFFF;
        }
        
        .carnet-fila {
            margin-bottom: 4px;
            display: flex;
            line-height: 1.2;
            border-bottom: 1px solid #CCC; /* línea suave entre filas */
            padding-bottom: 1px;           /* espacio entre texto y línea */
            align-items: center;  
        }
        
        .carnet-label {
            font-weight: bold;
            font-size: 11px;
            width: 130px;
            color: #000;
        }
        
        .carnet-valor {
            font-size: 11px;
            color: #000;
            flex: 1;
            text-transform: uppercase;
        }
        
        .bloque-simple {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        
        /* bloque en 2 columnas */
        .bloque-doble {
            display: grid;
            grid-template-columns: 1fr 1fr; /* 2 columnas iguales */
            gap: 2px 20px; /* espacio entre filas y columnas */
            margin-top: 0px;
        }
        
        
        /* --- SECCIÓN QR Y MARCO --- */
        .carnet-qr-box {
            width: 130px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 4px;
        }
        
        /* Contenedor relativo que sostiene las esquinas y la marca de agua */
        .qr-marco-enfoque {
            position: relative;
            width: 80px; /* Tamaño del marco de enfoque */
            height: 80px; /* Tamaño del marco de enfoque */
        }
        
        /* Estilo común para las cuatro esquinas */
        .esquina {
            position: absolute;
            width: 15px; /* Longitud de la esquina */
            height: 15px; /* Longitud de la esquina */
            border-style: solid;
            border-color: #007A33; /* El verde de las esquinas */
            border-width: 0; /* Por defecto sin borde */
        }
        
        /* Posicionamiento específico de cada esquina */
        .esquina-superior-izquierda {
            top: -12px;
            left: -12px;
            border-top-width: 2px;
            border-left-width: 2px;
        }
        
        .esquina-superior-derecha {
            top: -12px;
            right: -12px;
            border-top-width: 2px;
            border-right-width: 2px;
        }
        
        .esquina-inferior-izquierda {
            bottom: -12px;
            left: -12px;
            border-bottom-width: 2px;
            border-left-width: 2px;
        }
        
        .esquina-inferior-derecha {
            bottom: -12px;
            right: -12px;
            border-bottom-width: 2px;
            border-right-width: 2px;
        }
        
        /* Estilo para la marca de agua diagonal "PRUEBA" */
        .marca-de-agua {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-45deg); /* Centrada y rotada */
            font-size: 24px;
            font-weight: bold;
            color: rgba(0, 0, 0, 0.15); /* Texto semitransparente sobre el QR */
            z-index: 1; /* Por encima del código QR */
            text-transform: uppercase;
        }
        
        .separador-doble-linea {
            /* Altura total del separador (líneas + espacio) */
            height: 4px; 
            /* Crea dos líneas verdes sólidas en los extremos y transparente en medio */
            background: linear-gradient(
                to bottom, 
                #007A33 0%, #007A33 25%, 
                transparent 25%, transparent 75%, 
                #007A33 75%, #007A33 100%
            );
            border: none;
            margin-top: 20px auto;
            width: 100%;
        }
        
        .header_tablas {
            width: 100%;
            margin: 18px auto; /* Centrada horizontalmente */
            background-color: #CDCDCD;
            color: #333;
            font-weight: bold;
            text-align: center;
            padding: 4px 0;
            font-size: 12px;
            font-family: Arial, sans-serif;  /* Aquí se fuerza Arial */
            border-bottom: 2px solid #007A33;
            margin-bottom: 3px; /* Opcional, crea espacio debajo del header */
        }
        
        .tabla-reducida {
            width: 100%; /* Ocupa menos ancho de la hoja */
            margin: 0px auto; /* Centrada horizontalmente */
            border-collapse: collapse;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            
        }
        
        .tabla-reducida thead th {
            position: relative;               
            background-color: #CDCDCD;        
            color: #333;                       
            font-weight: bold;                 
            font-family: "Arial Black", Arial, sans-serif;
            font-size: 12px;                   
            padding: 4px 0;                   
            text-align: center;               
            border: none;                    
            border-bottom: 2px solid #007A33;
        }
        
        .tabla-reducida td {
            padding: 4px 6px;
            vertical-align: top;
            word-break: break-word;
        }
        
        .tabla-reducida td:nth-child(1),
        .tabla-reducida td:nth-child(3) {
            font-weight: bold;
            width: 20%;
             background-color: #E6E6E6;
        }
        
        .tabla-reducida td:nth-child(2),
        .tabla-reducida td:nth-child(4) {
            width: 30%;
        }
        
        /* Estilo para la minitabla que está dentro de la tabla */
        .tabla-interna {
            width: 100%;
            border-collapse: collapse;
            border: none;             /* Elimina cualquier borde exterior */
            margin: 0;
            padding: 0;
        }
        
        .tabla-interna tr {
            border: none;             /* Elimina las líneas horizontales */
        }
        
        .tabla-interna td {
            padding: 6px 8px;         /* Ajusta el espacio vertical entre filas */
            border: none !important;  /* Fuerza la eliminación de bordes heredados */
            font-weight: normal;
            font-size: 8.5pt;
        }
        
        /* Opcional: Si quieres que la primera columna sea negrita como etiquetas */
        .tabla-interna td:first-child {
            font-weight: bold;
            width: 70%;               /* Ajusta según necesites */
        }
        

        /* Estilo de las celdas del cuerpo */
        .tabla-reducida tbody td {
            padding: 3px 6px;
            border: 1px solid #999;
            font-size: 8.5pt;
        }
        
        /* Columna de etiquetas (Izquierda) */
        .col-etiqueta {
            font-weight: bold;
            text-align: left;
        }
    
        .lado-derecho {
            display: flex;
            flex-direction: column;
            justify-content: flex-start; /* ✅ ya no se separan */
            align-items: center;
            width: 130px;
            margin-left: 20px;
        }


    </style>
        
    </head>
    
    <body>
        
        <!-- HEADER -->
        <header class="header-container">
    
            <div class="header-left">
                <div class="banner-container">
                    <img src="{#asset logo_utm_hd.png @encoding=dataURI}" class="escudo-banner">
                </div>
            </div>
    
            <div class="certificado-wrapper">
                <div class="certificado-container">
    
                    <div class="marco-superior"></div>
                    <div class="marco-inferior"></div>
    
                    <div class="titulo-verde">
                        REPORTE DE
                    </div>
                    <div class="titulo-negro">
                        HOJA DE VIDA
                    </div>
                </div>
            </div>
    
        </header>
        
        <div class="header-line"></div>
        
       <!-- ------------------------------------NUEVO----------------------------- -->
            
        <div class="carnet-wrapper">
            
            <div class="carnet-info">
                
                <div class="carnet-header">INFORMACIÓN PERSONAL</div>
                
                    <div class="carnet-datos">
                        
                        <div class="bloque-simple">
                            
                            <div class="carnet-fila">
                                <span class="carnet-label">Cédula:</span>
                                <span class="carnet-valor">{{cedula}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Nacionalidad:</span>
                                <span class="carnet-valor">{{nacionalidad}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Apellidos:</span>
                                <span class="carnet-valor">{{apellidos}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Nombres:</span>
                                <span class="carnet-valor">{{nombres}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Género:</span>
                                <span class="carnet-valor">{{genero}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Estado Civil:</span>
                                <span class="carnet-valor">{{estado_civil}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Fecha de Nacimiento:</span>
                                <span class="carnet-valor">{{fecha_nacimiento}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">País de Nacimiento:</span>
                                <span class="carnet-valor">{{pais_nac}}</span>
                            </div>
                        </div>
                        
                        
                        <div class="bloque-doble">
                            
                            <div class="carnet-fila">
                                <span class="carnet-label">Provincia de Nacimiento:</span>
                                <span class="carnet-valor">{{provincia_nac}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Edad:</span>
                                <span class="carnet-valor">{{calcularEdad fecha_nacimiento}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Cantón de Nacimiento:</span>
                                <span class="carnet-valor">{{canton_nac}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Etnia:</span>
                                <span class="carnet-valor">{{etnia}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Parroquia de nacimiento:</span>
                                <span class="carnet-valor">{{parroquia_nac}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Tipo de Sangre:</span>
                                <span class="carnet-valor">{{tipo_sangre}}</span>
                            </div>
                            <div class="carnet-fila">
                                <span class="carnet-label">Discapacidad:</span>
                                <span class="carnet-valor">{{tipoDiscapacidadSiNo tipo_discapacidad}}</span>
                            </div>
                            <!-- Tipo de discapacidad si es no definido saldra como NINGUNA -->
                            <div class="carnet-fila">
                                <span class="carnet-label">Tipo de Discapacidad:</span>
                                <span class="carnet-valor">{{normalizarDiscapacidad tipo_discapacidad}}</span>
                            </div>
                            
                            <!-- Mostrar solo si tipo_discapacidad es SI -->
                            {{#esSi (tipoDiscapacidadSiNo tipo_discapacidad)}}
                                <div class="carnet-fila">
                                    <span class="carnet-label">No. de Carnet de Discapacidad:</span>
                                    <span class="carnet-valor">{{discapacidad_numero_carne}}</span>
                                </div>
                                <div class="carnet-fila">
                                    <span class="carnet-label">Porcentaje de Discapacidad:</span>
                                    <span class="carnet-valor">{{discapacidad_numero_porcentaje}}%</span>
                                </div>
                            {{/esSi}}
                            
                        </div>
                        
                    </div>
    
            </div>
            
            <div class="lado-derecho">
                
                <div class="carnet-foto-container">
            
                    {{#if foto_base64}}
                    
                        <div class="foto">
                            
                             <img src="data:image/png;base64,{{foto_base64}}" alt="Usuario">
                            
                        </div>
                    
                    {{else}}
                    
                        <div class="foto-default"></div>
                        
                    {{/if}}
            
                </div>
            
                <div class="carnet-qr-box">
                    <div class="qr-marco-enfoque">
                        <div class="esquina esquina-superior-izquierda"></div>
                        <div class="esquina esquina-superior-derecha"></div>
                        <div class="esquina esquina-inferior-izquierda"></div>
                        <div class="esquina esquina-inferior-derecha"></div>
            
                          {{#if qr.qr}}
                                <img class="qr-img" src="{{qr.qr}}" alt="QR">
                            {{else}}
                                <div class="noBox">SIN QR</div>
                            {{/if}}
                    </div>
                </div>
                
                <div class="qr-texto-validacion">
                    Escanee este código para verificar la autenticidad del documento
                </div>
            </div>
        
        </div>
    
        <div class="separador-doble-linea"></div>
        
        <!-- TABLA DOMICILIARIA -->
        
        <div class="header_tablas">INFORMACIÓN DOMICILIARIA</div>
        
        <table class="tabla-reducida">
    
            <tbody>
                <tr>
                    <td class="col-etiqueta">PAÍS:</td>
                    <td>{{pais_residencia}}</td>
                    
                    <td class="col-etiqueta">PROVINCIA:</td>
                    <td>{{provincia_residencia}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">CANTÓN:</td>
                    <td>{{canton_residencia}}</td>
                    
                    <td class="col-etiqueta">PARROQUIA:</td>
                    <td>{{parroquia_residencia}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">CALLE PRINCIPAL:</td>
                    <td colspan="3" style="vertical-align: middle;">{{residencia_calle_1}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">CALLE SECUNDARIA 1:</td>
                    <td colspan="3" style="vertical-align: middle;">{{residencia_calle_2}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">CALLE SECUNDARIA 2:</td>
                    <td colspan="3" style="vertical-align: middle;">{{residencia_calle_3}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">REFERENCIA:</td>
                    <td colspan="3" style="vertical-align: middle;">{{residencia_referencia}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">TELÉFONO DE DOMICILIO:</td>
                    <td style="vertical-align: middle;">{{telefono_personal_domicilio}}</td>
                    
                    <td class="col-etiqueta" style="vertical-align: middle;">TELÉFONO CELULAR:</td>
                    <td style="vertical-align: middle;">{{telefono_personal_celular}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">TELÉFONO DE TRABAJO:</td>
                    <td style="vertical-align: middle;">{{telefono_personal_trabajo}}</td>
                    
                    <td class="col-etiqueta">TELÉFONO EXTENSIÓN:</td>
                    <td style="vertical-align: middle;">{{telefono_personal_extension}}</td>
                </tr>
                <tr>
                    <td class="col-etiqueta">CORREO INSTITUCIONAL:</td>
                    <td style="vertical-align: middle;">{{correo_personal_institucional}}</td>
                    
                    <td class="col-etiqueta" style="vertical-align: middle;">CORREO ALTERNO:</td>
                    <td style="vertical-align: middle;">{{correo_personal_alternativo}}</td>
                </tr>
            </tbody>
    
        </table>
        
        
        <!-- TABLA INFORMACIÓN FAMILIAR PARA ROL ESTUDIANTE -->
        
        {{#if madre}}
          <div class="header_tablas">INFORMACIÓN FAMILIAR</div>
          <table class="tabla-reducida">
              <colgroup>
                  <col style="width: 20%;">
                  <col style="width: 80%;">
              </colgroup>
              <tbody>
                  <tr>
                      <td class="col-etiqueta">DATOS DE MADRE:</td>
                      <td>{{madre}}</td>
                  </tr>
                  <tr>
                      <td class="col-etiqueta">DATOS DE PADRE:</td>
                      <td>{{padre}}</td>
                  </tr>
              </tbody>
          </table>
        {{else}}
          {{#if padre}}
            <div class="header_tablas">INFORMACIÓN FAMILIAR</div>
            <table class="tabla-reducida">
                <colgroup>
                    <col style="width: 20%;">
                    <col style="width: 80%;">
                </colgroup>
                <tbody>
                    <tr>
                        <td class="col-etiqueta">DATOS DE MADRE:</td>
                        <td>{{madre}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">DATOS DE PADRE:</td>
                        <td>{{padre}}</td>
                    </tr>
                </tbody>
            </table>
          {{/if}}
        {{/if}}
        
        
        <!-- TABLA INFORMACIÓN FAMILIAR PARA EL RESTO DE ROLES QUE TUVE ACCESO (CONYUGE/CONVIVIENTE)-->
        
        {{#if conyuge_info.[0].idtipo_relacion_conyuge_codigo}}
          <div class="header_tablas">INFORMACIÓN FAMILIAR CÓNYUGE</div>
          <table class="tabla-reducida">
              <tbody>
              {{#each conyuge_info}}
                  <tr>
                      <td class="col-etiqueta" style="vertical-align: middle;">TIPO RELACIÓN:</td>
                      <td style="vertical-align: middle;">{{idtipo_relacion_conyuge}}</td>
                      
                      <td class="col-etiqueta">CÉDULA CÓNYUGE:</td>
                      <td style="vertical-align: middle;">{{conyuge_cedula}}</td>
                  </tr>
                  <tr>
                      <td class="col-etiqueta">APELLIDOS CÓNYUGE:</td>
                      <td style="vertical-align: middle;">{{apellidos}}</td>
                      
                      <td class="col-etiqueta">NOMBRES CÓNYUGE:</td>
                      <td style="vertical-align: middle;">{{nombres}}</td>
                  </tr>
              {{/each}}
              </tbody>
          </table>
        {{/if}}
        
        <!-- TABLA INFORMACIÓN CARGA FAMILIAR-->
        
        {{#if hijos}}
        
            <div class="header_tablas">INFORMACIÓN DE CARGA FAMILIAR</div>
            
            {{#each hijos}}
            
                <table class="tabla-reducida">
                
                    <tbody>
                        <tr>
                            <td class="col-etiqueta">APELLIDOS Y NOMBRES:</td>
                            <td colspan="3" style="vertical-align: middle;">{{apellido1}} {{apellido2}} {{nombres}}</td>
                        </tr>
                        <tr>
                            <td class="col-etiqueta">FECHA DE NACIMIENTO:</td>
                            <td style="vertical-align: middle;">{{fecha_nacimiento}}</td>
                            
                            <td class="col-etiqueta">NIVEL DE INSTRUCCIÓN:</td>
                            <td style="vertical-align: middle;">{{nivel_instruccion}}</td>
                        </tr>
                    </tbody>
            
                </table>
            
            {{/each}}
        
        {{/if}}
        
        <!-- TABLA INFORMACIÓN ESTUDIOS SECUNDARIOS-->
        
        {{#if colegios}}
          
            <div class="header_tablas">INFORMACIÓN DE ESTUDIOS SECUNDARIOS</div>
            
            {{#each colegios}}
            
                <table class="tabla-reducida">
            
                <tbody>
                    <tr>
                        <td class="col-etiqueta">NIVEL DE INSTRUCCIÓN:</td>
                        <td colspan="3" style="vertical-align: middle;">SEGUNDO NIVEL</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">TÍTULO ACADÉMICO:</td>
                        <td colspan="3" style="vertical-align: middle;">{{nom_titulo}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">COLEGIO:</td>
                        <td colspan="3" style="vertical-align: middle;">{{nom_colegio}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">CANTÓN COLEGIO:</td>
                        <td colspan="3" style="vertical-align: middle;">{{canton}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">CALIFICACIÓN:</td>
                        <td style="vertical-align: middle;">{{calificacion}}</td>
                        
                        <td class="col-etiqueta">FECHA DE TÍTULO:</td>
                        <td style="vertical-align: middle;">{{colegio_fecha_titulo}}</td>
                    </tr>
                </tbody>
        
            </table>
            
            {{/each}}
        
        {{/if}}
        
        <!-- TABLA INFORMACIÓN ACADÉMICA-->
        
        {{#if formacion_profesional}}
          
            <div class="header_tablas">INFORMACIÓN ACADÉMICA</div>
            
            {{#each formacion_profesional}}
            
                <table class="tabla-reducida">
                
                    <tbody>
                        <tr>
                            <td class="col-etiqueta">NIVEL DE INSTRUCCIÓN:</td>
                            <td colspan="3" style="vertical-align: middle;">{{ntipo_nivel_instruccion}}</td>
                        </tr>
                        <tr>
                            <td class="col-etiqueta">TÍTULO ACADÉMICO:</td>
                            <td colspan="3" style="vertical-align: middle;">{{titulo_obtenido}}</td>
                        </tr>
                        <tr>
                            <td class="col-etiqueta">INSTITUCIÓN ACADÉMICA:</td>
                            <td colspan="3" style="vertical-align: middle;">{{nuniversidad}}</td>
                        </tr>
                        <tr>
                            <td class="col-etiqueta">PAÍS DE INSTRUCCIÓN:</td>
                            <td colspan="3" style="vertical-align: middle;">{{npais}}</td>
                        </tr>
                        <tr>
                            <td class="col-etiqueta">FECHA DE GRADUACIÓN:</td>
                            <td style="vertical-align: middle;">{{fecha_graduacion}}</td>
                            
                            <td class="col-etiqueta" style="vertical-align: middle;">REGISTRO SENECYT:</td>
                            <td style="vertical-align: middle;">{{registro_senescyt}}</td>
                        </tr>
                    </tbody>
            
                </table>
            
            {{/each}}
        
        {{/if}}
        
        
        <!-- TABLA INFORMACIÓN SOCIO-ÉCONOMICA -->
        
        {{#if hoja_vida.informacion_socioeconomica}}
          
            <div class="header_tablas">INFORMACIÓN DE SOCIO-ÉCONOMICA</div>
            
            <table class="tabla-reducida">
            
                <tbody>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">SERVICIO DE COMUNICACIONES:</td>
                        
                        <td colspan="3">
                            <!-- Tabla anidada dentro de la celda -->
                            <table class="tabla-interna">
                                <tr>
                                    <td>Dispone de servicio de internet:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.servicio_comunicaciones.internet_hogar}}</td>
                                </tr>
                                <tr>
                                    <td>Dispone de internet en el teléfono celular:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.servicio_comunicaciones.internet_celular}}</td>
                                </tr>
                                <tr>
                                    <td>Horas de uso de Internet por semana:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.servicio_comunicaciones.horas_internet_semana}}</td>
                                </tr>
                                <tr>
                                    <td>Horas de uso de Redes Sociales por semana:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.servicio_comunicaciones.horas_redes_sociales_semana}}</td>
                                </tr>
                                <tr>
                                    <td>Redes sociales utilizadas:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.servicio_comunicaciones.redes_sociales}}</td>
                                </tr>
                                <tr>
                                    <td>Equipos tecnológicos utilizados:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.servicio_comunicaciones.equipos_tecnologicos}}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">MODALIDAD POR ESTUDIOS:</td>
                        
                        <td colspan="3">
                            <!-- Tabla anidada dentro de la celda -->
                            <table class="tabla-interna">
                                <tr>
                                    <td>Horas de traslado entre IES y casa:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.movilidad_estudios.horas_traslado}}</td>
                                </tr>
                                <tr>
                                    <td>Horas de permanencia en la IES:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.movilidad_estudios.horas_permanencia_ies}}</td>
                                </tr>
                                <tr>
                                    <td>Medios de transporte para traslado a la IES:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.movilidad_estudios.medio_transporte}}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">PATERNIDAD / MATERNIDAD:</td>
                        <td colspan="3">
                            <!-- Tabla anidada dentro de la celda -->
                            <table class="tabla-interna">
                                <tr>
                                    <td>Total hijos nacidos vivos:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.paternidad_maternidad.total_hijos}}</td>
                                </tr>
                                <tr>
                                    <td>Edad en la que tuvo su primer hijo/a nacido vivo: </td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.paternidad_maternidad.edad_primer_hijo}}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">CARACTERIZACIÓN DE LA VIVIENDA:</td>
                        <td colspan="3">
                            <!-- Tabla anidada dentro de la celda -->
                            <table class="tabla-interna">
                                <tr>
                                    <td>Tipo:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.caracterizacion_vivienda.tipo}}</td>
                                </tr>
                                <tr>
                                    <td>Localización: </td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.caracterizacion_vivienda.localizacion}}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">INFORMACIÓN FAMILIAR:</td>
                        
                        <td colspan="3">
                            <!-- Tabla anidada dentro de la celda -->
                            <table class="tabla-interna">
                                <tr>
                                    <td>Es jefe/a de familia:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.informacion_familiar.jefe_familia}}</td>
                                </tr>
                                <tr>
                                    <td>Nivel de instrucción del jefe de familia:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.informacion_familiar.nivel_instruccion_jefe}}</td>
                                </tr>
                                <tr>
                                    <td>Ocupación laboral del jefe de familia:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.informacion_familiar.ocupacion_jefe}}</td>
                                </tr>
                                <tr>
                                    <td>Ocupación laboral del estudiante:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.informacion_familiar.ocupacion_estudiante}}</td>
                                </tr>
                                <tr>
                                    <td>Número de ocupantes de la vivienda:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.informacion_familiar.numero_ocupantes_vivienda}}</td>
                                </tr>
                                <tr>
                                    <td>Ingreso mensual familiar:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.informacion_familiar.ingreso_mensual_familiar}}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">GASTOS POR ESTUDIOS:</td>
                        <td colspan="3">
                            <!-- Tabla anidada dentro de la celda -->
                            <table class="tabla-interna">
                                <tr>
                                    <td>Sueldo y salario de otros miembros de la familia:</td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.gastos_estudios.fuente_ingresos}}</td>
                                </tr>
                                <tr>
                                    <td>Beca: </td>
                                    <td style="text-align: center">{{hoja_vida.informacion_socioeconomica.gastos_estudios.beca}}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    
                </tbody>
        
            </table>
        
        {{/if}}
        
        
        <!-- TABLA INFORMACIÓN DE CAPACITACIÓN-->
        
        {{#if capacitaciones}}
          
            <div class="header_tablas">INFORMACIÓN DE CAPACITACIÓN</div>
            
            {{#each capacitaciones}}
            
                <table class="tabla-reducida">
            
                <tbody>
                    <tr>
                        <td class="col-etiqueta">TIPO DE CERTIFICADO:</td>
                        <td colspan="3" style="vertical-align: middle;">{{ntipo_certificado}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">EVENTO:</td>
                        <td colspan="3" style="vertical-align: middle;">{{nombre_evento}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">AUSPICIANTE:</td>
                        <td style="vertical-align: middle;">{{nombre_auspiciante}}</td>
                        
                        <td class="col-etiqueta">TIPO DE CAPACITACIÓN:</td>
                        <td style="vertical-align: middle;">{{ntipo_capacitacion}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">FECHA:</td>
                        <td>{{fecha_inicio}} - {{fecha_final}}</td>
                        
                        <td class="col-etiqueta">HORAS:</td>
                        <td>{{numero_horas}}</td>
                    </tr>
                </tbody>
        
            </table>
            
            {{/each}}
            
        {{/if}}
        
        
        <!-- TABLA INFORMACIÓN BANCARIA-->
        
        {{#if bancos.detalle}}
          
            <div class="header_tablas">INFORMACIÓN BANCARIA</div>
            
            {{#each bancos.detalle}}
            
            <table class="tabla-reducida">
                
                <tbody>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">INSTITUCIÓN FINANCIERA:</td>
                        <td colspan="3" style="vertical-align: middle;">{{ninstitucion_financiera}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">TIPO DE CUENTA:</td>
                        <td style="vertical-align: middle;">{{ntipo_cuenta}}</td>
                        
                        <td class="col-etiqueta">NÚMERO DE CUENTA:</td>
                        <td style="vertical-align: middle;">{{cuenta_numero}}</td>
                    </tr>
                </tbody>
        
            </table>
            
            {{/each}}
        
        {{/if}}
        
        
        <!-- TABLA INFORMACIÓN EXPERIENCIA PROFESIONAL-->
        
        {{#if trayectoria_laboral}}
          
            <div class="header_tablas">INFORMACIÓN DE EXPERIENCIA PROFESIONAL</div>
            
            {{#each trayectoria_laboral}}
            
            <table class="tabla-reducida">
                
                <tbody>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">INSTITUCIÓN:</td>
                        <td colspan="3">{{nombre_institucion}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">UNIDAD ADMINISTRATIVA:</td>
                        <td colspan="3" style="vertical-align: middle;">{{nombre_unidad_administrativa}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">CARGA ADMINISTRATIVA:</td>
                        <td colspan="3" style="vertical-align: middle;">{{nombre_puesto}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">PAÍS:</td>
                        <td colspan="3">{{npais}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">FECHA DE INICIO:</td>
                        <td>{{fecha_inicio}}</td>
                        
                        <td class="col-etiqueta" style="vertical-align: middle;">FECHA DE FIN:</td>
                        <td>{{fecha_final}}</td>
                    </tr>
                </tbody>
        
            </table>
            
            {{/each}}
        
        {{/if}}
        
        
        <!-- TABLA INFORMACIÓN DE PUBLICACIONES REALIZADAS-->
        
        {{#if hoja_de_vida.publicaciones_meritos}}
          
            <div class="header_tablas">INFORMACIÓN DE PUBLICACIONES REALIZADAS</div>
            
            {{#each publicaciones_meritos}}
            
            <table class="tabla-reducida">
                
                <tbody>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">TIPO DE PUBLICACIÓN:</td>
                        <td colspan="3" style="vertical-align: middle;">{{tipo}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">PUBLICACIÓN:</td>
                        <td colspan="3" style="vertical-align: middle;">{{instrumento}} {{registro}} {{issn}} {{isbn}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">ESTADO:</td>
                        <td colspan="3" style="vertical-align: middle;">{{estado}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">CIUDAD:</td>
                        <td>{{ciudad}}</td>
                        
                        <td class="col-etiqueta">FECHA:</td>
                        <td>{{fecha}}</td>
                    </tr>
                </tbody>
        
            </table>
            
            {{/each}}
        
        {{/if}}
        
        <!-- TABLA INFORMACIÓN DE MÉRITOS OBTENIDOS-->
        
        {{#if meritos}}
          
            <div class="header_tablas">INFORMACIÓN DE MÉRITOS OBTENIDOS</div>
            
            {{#each meritos}}
            
            <table class="tabla-reducida">
                
                <tbody>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">INSTITUCIÓN:</td>
                        <td colspan="3" style="vertical-align: middle;">{{institucion}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">DESCRIPCIÓN:</td>
                        <td colspan="3" style="vertical-align: middle;">{{descripcion}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta" style="vertical-align: middle;">TÍTULO MÉRITO:</td>
                        <td colspan="3" style="vertical-align: middle;">{{tipo_merito}}</td>
                    </tr>
                    <tr>
                        <td class="col-etiqueta">PAÍS:</td>
                        <td>{{npais}}</td>
                        
                        <td class="col-etiqueta">FECHA:</td>
                        <td>{{fecha}}</td>
                    </tr>
                </tbody>
        
            </table>
            
            {{/each}}
        
        {{/if}}
        
        <!-- ------------------------------------FIN----------------------------- -->
    </body>

</html>