.elementor-284 .elementor-element.elementor-element-4c95a1b{--display:flex;--min-height:566px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-86px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-284 .elementor-element.elementor-element-4c95a1b:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-4c95a1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://innova.unh.edu.pe/wp-content/uploads/2025/11/conexiones-de-red-scaled.jpg");background-position:800px -546px;background-size:auto;}.elementor-284 .elementor-element.elementor-element-ad92286{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-daa3347{text-align:center;}.elementor-284 .elementor-element.elementor-element-daa3347 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:59px;font-weight:500;color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-036e2ee{text-align:center;}.elementor-284 .elementor-element.elementor-element-036e2ee .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:62px;font-weight:800;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-284 .elementor-element.elementor-element-51016f7 .elementor-button{background-color:#95C9DB;border-radius:7px 7px 7px 7px;padding:20px 40px 20px 40px;}.elementor-284 .elementor-element.elementor-element-51016f7{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-284 .elementor-element.elementor-element-a4a4e7b{width:var( --container-widget-width, 107.54% );max-width:107.54%;--container-widget-width:107.54%;--container-widget-flex-grow:0;top:-88px;}.elementor-284 .elementor-element.elementor-element-a4a4e7b.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-284 .elementor-element.elementor-element-a4a4e7b{left:-10px;}body.rtl .elementor-284 .elementor-element.elementor-element-a4a4e7b{right:-10px;}.elementor-284 .elementor-element.elementor-element-083f218{--display:flex;}.elementor-284 .elementor-element.elementor-element-f7954f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-ad92286{--width:50%;}}@media(max-width:1024px){.elementor-284 .elementor-element.elementor-element-4c95a1b:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-4c95a1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-4c95a1b:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-4c95a1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-a4a4e7b *//* Capa de partículas como fondo total */
#particles-js {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;   /* SIEMPRE al fondo */
    pointer-events: none;
}
@media (max-width: 768px) {
  #particles-js {
     height: 80vh;     /* En móvil mejor un fondo más alto */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7954f4 *//* 🎯 FUENTE GLOBAL */
body,
.patente-card-final,
.patente-titulo,
.meta-grid,
.trl-label,
.trl-text,
.inventores-box,
.btn-accion,
.btn-ver-mas {
    font-family: 'Poppins', sans-serif !important;
}

/* 📌 GRID DE 2 COLUMNAS */
.patentes-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    padding: 20px;
}
@media (max-width: 768px) {
    .patentes-grid {
        grid-template-columns: 1fr;
    }
}

/* 📌 TARJETA */
.patente-card-final {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);
    transition: transform .3s ease;
}
.patente-card-final:hover {
    transform: translateY(-5px);
}

/* 📷 IMAGEN NORMAL (SIN CURVA) */
.patente-img-wrap img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-bottom: 4px solid #004aad; /* azul institucional opcional */
}

/* 📄 CONTENIDO */
.patente-body {
    padding: 24px;
}

/* 🏷️ TÍTULO MÁS GRANDE */
.patente-titulo {
    font-size: 1.9rem;   /* MAS GRANDE */
    line-height: 1.3;
    font-weight: 700;
    color: #222;
    margin-bottom: 14px;
}

/* 🔘 BOTONES */
.patente-btns {
    display: flex;
    gap: 12px;
}
.btn-accion {
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    transition: background .3s ease;
}
.btn-accion.azul { background: #007bff; }
.btn-accion.rojo { background: #d32f2f; }

/* 📊 3 COLUMNAS DE META */
.meta-grid {
    margin-top: 20px;
    background: #f7f7f7;
    padding: 18px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 15px;
    font-size: 1.3rem;         /* MAS GRANDE */
}
.meta-grid strong {
    font-weight: 700;
    color: #333;
}

/* 📈 TRL */
.trl-label {
    font-weight: 700;
    color: #333;
    font-size: 1.3rem;
}
.trl-bar {
    height: 10px;
    background: #dcdcdc;
    border-radius: 10px;
    margin-top: 6px;
    margin-bottom: 4px;
}
.trl-bar div {
    height: 100%;
    background: #007bff;
    border-radius: 10px;
}
.trl-text {
    font-size: 1.3rem;
    text-align: right;
    color: #555;
}

/* 👨‍🔬 INVENTORES */
.inventores-box {
    background: #f4f4f4;
    padding: 16px;
    border-radius: 10px;
    margin-top: 20px;
    font-size: 1.3rem; /* MAS GRANDE */
}

.btn-ver-mas {
    background: transparent;
    border: none;
    color: #007bff;
    cursor: pointer;
    font-weight: 600;
}
/* 🧪 Caja de inventores más compacta */
.inventores-box {
    padding: 14px 18px;
    font-size: 0.9rem;
    line-height: 1.25;
}

/* Título "👨‍🔬 Inventores:" */
.inventores-box strong {
    font-size: 1.3rem;
    display: block;
    margin-bottom: 4px;
}

/* Cuando uses HTML dentro del campo inventores */
.inventores-box .inventor-item {
    margin-bottom: 6px;
}

/* Nombre arriba (en negrita) */
.inventores-box .inventor-nombre {
    display: block;
    font-weight: 600;
}

/* Escuela + teléfono debajo, en una sola línea y más pequeño */
.inventores-box .inventor-detalle {
    display: block;
    font-size: 0.85rem;
    color: #555;
}

/* Botón "Ver más / Ver menos" más pegado */
.inventores-box .btn-ver-mas {
    margin-top: 6px;
    padding: 0;
    background: none;
    border: none;
    color: #0d6efd;
    font-weight: 600;
    cursor: pointer;
}
/* 🧪 Tabla de inventores compacta */
/* 📌 Contenedor general */
.inventor-card {
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    font-family: 'Poppins', sans-serif;
}

/* 📌 Nombre del inventor */
.inventor-name {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

/* 📌 Info adicional — se adapta automático */
.inventor-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 14px;
    color: #555;
}

/* Responsive */
@media (max-width: 600px) {
    .inventor-details {
        flex-direction: column;
        gap: 5px;
    }
}/* End custom CSS */