npm - utn-cli - Versions diffs - 2.1.54 → 2.1.55 - Mend

utn-cli 2.1.54 → 2.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/templates/frontend/src/app/Paginas/Nucleo/conozcanos/conozcanos.component.css CHANGED Viewed

@@ -1,31 +1,52 @@
+.ia-layout {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 24px 16px;
+  font-family: 'Roboto', sans-serif;
+}
-.subtitle {
-  background-color: #0b4794;
-  font-size: 25px;
+.ia-main {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+.ia-encabezado {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 20px 24px;
+  background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
   color: white;
-  padding: 18px;
-  margin: 20px 0;
-  text-align: center;
+  border-radius: 12px;
 }
-.subtitle p {
-  margin: 5px 0;
+.ia-icono-header {
+  font-size: 40px !important;
+  width: 40px !important;
+  height: 40px !important;
+  flex-shrink: 0;
+  opacity: 0.9;
 }
-.conozcanos-container {
-  margin: 0 auto;
-  box-sizing: border-box;
-  font-family: 'Roboto', sans-serif;
-  background-color: white;
+.ia-encabezado h1 {
+  margin: 0;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+/* ── Intro + Propósito (vista principal) ── */
+.conozcanos-intro {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
 }
 .conozcanos-content {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 40px;
-  background-color: white;
-  border-radius: 20px;
-  padding: 40px;
-  margin: 30px 0;
+  gap: 32px;
 }
 .conozcanos-text {
@@ -33,429 +54,214 @@
 }
 .conozcanos-text p {
-  font-size: 18px;
+  font-size: 16px;
   font-weight: 400;
   color: #4D4D4D;
   line-height: 1.6;
-  margin-bottom: 20px;
+  margin-bottom: 12px;
 }
 .conozcanos-image {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  flex-shrink: 0;
 }
 .conozcanos-image img {
-  width: 100%;
-  max-width: 390px;
-  height: auto;
+  width: 300px;
+  height: 210px;
   object-fit: cover;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-}
-/* Responsive */
-@media (max-width: 768px) {
-  .conozcanos-container {
-    padding: 0 20px;
-  }
-  .conozcanos-content {
-    flex-direction: column;
-    padding: 30px 20px;
-    gap: 25px;
-  }
-  .conozcanos-text p {
-    font-size: 15px;
-  }
-  .conozcanos-image img {
-    max-width: 280px;
-  }
-}
-@media (min-width: 1400px) {
-  .conozcanos-container {
-    max-width: 1200px;
-  }
-  .conozcanos-text p {
-    font-size: 20px;
-  }
-}
-/* Sección Propósito*/
-.proposito-section {
-  margin: 50px 0 40px 0;
-  text-align: center;
-}
-.proposito-header {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 20px;
-  margin-bottom: 30px;
-}
-.proposito-line {
-  width: 80px;
-  height: 3px;
-  background: linear-gradient(90deg, #0b4794, #667eea);
-  border-radius: 2px;
+  border-radius: 10px;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
 }
 .proposito-title {
-  font-size: 30px;
-  font-weight: 500;
-  color: black;
-  margin: 0;
-  letter-spacing: -0.5px;
-}
-.proposito-text {
-  max-width: 800px;
-  margin: 0 auto 40px auto;
-  text-align: center;
-}
-.proposito-text p {
-  font-size: 18px;
-  font-weight: 400;
-  color: #4D4D4D;
-  line-height: 1.6;
-  margin-bottom: 15px;
+  font-size: 20px;
+  font-weight: 600;
+  color: #002f6b;
+  margin: 0 0 14px 0;
 }
 .proposito-grid {
-  display: flex;
-  justify-content: center;
-  gap: 30px;
-  flex-wrap: wrap;
-  margin-top: 20px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
 }
 .proposito-card {
-  flex: 1;
-  min-width: 250px;
-  max-width: 320px;
-  padding: 30px 25px;
-  text-align: left;
-  background: white;
+  padding: 16px 20px;
+  text-align: left;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 10px;
 }
 .card-header {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 12px;
-  margin-bottom: 15px;
+  margin-bottom: 4px;
 }
 .card-icon {
-  font-size: 25px;
-  font-weight: 500;
-  color: black;
+  font-size: 18px;
+  font-weight: 700;
+  color: #0b4794;
   background: #e8f0fe;
-  width: 40px;
-  height: 40px;
+  width: 32px;
+  height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: 20px;
-  transition: all 0.3s ease;
+  border-radius: 50%;
+  flex-shrink: 0;
 }
 .proposito-card h3 {
-  font-size: 20px;
-  font-weight: 500;
-  color: black;
+  font-size: 15px;
+  font-weight: 600;
+  color: #1a202c;
   margin: 0;
+  line-height: 1.4;
 }
 .proposito-card p {
-  font-size: 15px;
+  font-size: 13px;
   font-weight: 400;
   color: #6b7280;
   line-height: 1.5;
   margin: 0;
-  padding-left: 56px;
+  padding-left: 44px;
 }
-/* Responsive */
-@media (max-width: 768px) {
-  .proposito-header {
-    gap: 5px;
-  }
-  .proposito-line {
-    width: 40px;
-  }
-  .proposito-title {
-    font-size: 22px;
-  }
-  .proposito-text p {
-    font-size: 15px;
-  }
-  .proposito-grid {
-    gap: 20px;
-  }
-  .proposito-card {
-    min-width: 100%;
-    padding: 20px;
-  }
-  .card-icon {
-    font-size: 20px;
-     width: 33px;
-  height: 33px;
-  }
-  .proposito-card h3 {
-    font-size: 15px;
-  }
-  .proposito-card p {
-    font-size: 14px;
-  }
-}
-@media (min-width: 1400px) {
-  .proposito-title {
-    font-size: 32px;
-  }
-  .proposito-card {
-    max-width: 350px;
-    padding: 35px 30px;
-  }
-  .proposito-card h3 {
-    font-size: 22px;
-  }
-}
-.Liderazgo-container {
-  margin: 0 auto;
-  box-sizing: border-box;
-  font-family: 'Roboto', sans-serif;
-  background-color: white;
+/* ── Equipo (contenedor separado) ── */
+.team-wrapper {
+  background: #f0f4f8;
+  border-radius: 12px;
+  padding: 32px;
 }
+/* Liderazgo */
 .Liderazgo-content {
   display: flex;
   flex-direction: column;
-  padding: 20px 40px 40px 40px;
-  margin: 0px 0 40px 0;
+  padding-bottom: 32px;
+  margin-bottom: 32px;
+  border-bottom: 1px solid #d0daea;
 }
 .Liderazgo-header {
-  width: 50%;
-  margin-left: auto;
-  margin-bottom: 40px;
+  margin-bottom: 20px;
 }
 .Liderazgo-title {
-  font-size: 28px;
-  font-weight: 500;
-  color: black;
+  font-size: 22px;
+  font-weight: 600;
+  color: #002f6b;
   margin: 0;
-  letter-spacing: -0.5px;
-  text-align: left;
 }
 .Liderazgo-body {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 60px;
+  gap: 48px;
 }
 .Liderazgo-text {
   flex: 1;
-  text-align: left;
-  margin-top: 0;
-  padding-top: 0;
-  transform: translateY(-80px);
 }
 .Liderazgo-text .name {
   font-size: 16px;
   font-weight: 700;
   color: black;
-  margin: 0 0 5px 0;
+  margin: 0 0 4px 0;
 }
 .Liderazgo-text .cargo {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 500;
   color: #4D4D4D;
-  margin-bottom: 20px;
-  letter-spacing: 0.5px;
+  margin-bottom: 14px;
+  letter-spacing: 0.4px;
 }
 .Liderazgo-text p {
-  font-size: 16px;
-  font-weight: 400;
+  font-size: 15px;
   color: #4D4D4D;
   line-height: 1.6;
-  margin-bottom: 15px;
+  margin-bottom: 10px;
 }
 .Liderazgo-image {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  flex-shrink: 0;
 }
 .Liderazgo-image img {
-  width: 100%;
-  max-width: 450px;
-  height: auto;
-  min-height: 350px;
+  width: 260px;
+  height: 300px;
   object-fit: cover;
   object-position: top;
+  border-radius: 10px;
 }
-/* Responsive */
-@media (max-width: 768px) {
-  .Liderazgo-container {
-    padding: 0 20px;
-  }
-  .Liderazgo-content {
-    padding: 30px 25px;
-  }
-   .Liderazgo-header {
-    width: 100%;
-    margin-left: 0;
-    margin-bottom: 20px;
-  }
-    .Liderazgo-title {
-    font-size: 24px;
-    text-align: left;
-    line-height: 1.3;
-  }
-  .Liderazgo-body {
-    flex-direction: column;
-    gap: 30px;
-  }
-  .Liderazgo-text {
-    order: 1;
-    transform: none;
-  }
-  .Liderazgo-image {
-    order: 2;
-  }
-  .Liderazgo-text p {
-    font-size: 14px;
-  }
-  .Liderazgo-image img {
-    max-width: 100%;
-    min-height: 250px;
-  }
-}
-@media (min-width: 1400px) {
-  .Liderazgo-container {
-    max-width: 1200px;
-  }
-  .Liderazgo-title {
-    font-size: 32px;
-  }
-  .Liderazgo-text p {
-    font-size: 18px;
-  }
-  .Liderazgo-image img {
-    max-width: 500px;
-    min-height: 400px;
-  }
-}
-/* Sección team work*/
+/* Team section */
 .team-section {
-  margin: 50px 0 40px 0;
   text-align: center;
 }
 .team-header {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 20px;
-  margin-bottom: 30px;
+  margin-bottom: 8px;
 }
 .team-title {
-  font-size: 28px;
-  font-weight: 500;
-  color: black;
+  font-size: 22px;
+  font-weight: 600;
+  color: #002f6b;
   margin: 0;
-  letter-spacing: -0.5px;
 }
 .team-text {
-  max-width: 800px;
-  margin: 0 auto 40px auto;
-  text-align: center;
+  max-width: 700px;
+  margin: 0 auto 24px auto;
 }
 .team-text p {
-  font-size: 18px;
-  font-weight: 400;
+  font-size: 15px;
   color: #4D4D4D;
   line-height: 1.6;
-  margin-bottom: 15px;
+  margin: 0;
 }
 .team-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  gap: 40px;
-  margin-top: 30px;
+  gap: 28px;
+  margin-top: 20px;
 }
-.team-card {
-  text-align: center;
-  background: white;
-  border-radius: 16px;
-  padding: 20px;
-  transition: all 0.3s ease;
-  cursor: pointer;
-}
 /* Flip 3D */
-.team-card{
+.team-card {
   perspective: 1000px;
   min-height: 340px;
   background: transparent;
   padding: 0;
+  cursor: pointer;
 }
-.team-card-inner{
+.team-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
-  min-height: 340px;
+  min-height: 360px;
   transition: transform 0.8s;
   transform-style: preserve-3d;
 }
-.team-card.flipped .team-card-inner{
+.team-card.flipped .team-card-inner {
   transform: rotateY(180deg);
 }
 .team-front,
-.team-back{
+.team-back {
   position: absolute;
   inset: 0;
   width: 100%;
@@ -467,11 +273,11 @@
   backface-visibility: hidden;
 }
-.team-front{
+.team-front {
   text-align: center;
 }
-.team-back{
+.team-back {
   transform: rotateY(180deg);
   display: flex;
   flex-direction: column;
@@ -483,18 +289,17 @@
 }
 .team-card:hover {
-  transform: translateY(-8px);
-  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
+  transform: translateY(-6px);
 }
 .team-photo {
-  width: 180px;
-  height: 180px;
-  margin: 0 auto 20px auto;
+  width: 150px;
+  height: 150px;
+  margin: 0 auto 16px auto;
   border-radius: 50%;
   overflow: hidden;
   background: #f0f2f5;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }
 .team-photo img {
@@ -509,23 +314,24 @@
 }
 .team-name {
-  font-size: 18px;
+  font-size: 17px;
   font-weight: 700;
-  color:#4D4D4D;
-  margin: 0 0 5px 0;
+  color: #4D4D4D;
+  margin: 0 0 4px 0;
 }
 .team-position {
-  font-size: 14px;
+  font-size: 12px;
   font-weight: 500;
-  color:#6b7280;
+  color: #6b7280;
   letter-spacing: 1px;
   margin: 0;
   text-transform: uppercase;
 }
 .team-btn {
-  margin-top: 15px;
-  padding: 8px 18px;
+  margin-top: 14px;
+  padding: 7px 18px;
   border: none;
   border-radius: 20px;
   background-color: #0b4794;
@@ -540,69 +346,78 @@
   background-color: #08366f;
 }
-/* Responsive */
+/* ── Responsive ── */
 @media (max-width: 992px) {
   .team-grid {
     grid-template-columns: repeat(2, 1fr);
-    gap: 30px;
+    gap: 20px;
+  }
+  .team-card,
+  .team-card-inner {
+    min-height: 320px;
   }
 }
 @media (max-width: 768px) {
-  .team-section {
-    padding: 0 20px;
-  }
-  .team-title {
-    font-size: 24px;
+  .conozcanos-content {
+    flex-direction: column;
+    gap: 12px;
   }
-  .team-text p {
-    font-size: 14px;
+  .conozcanos-image img {
+    width: 100%;
+    height: 160px;
   }
-  .team-grid {
+  .proposito-grid {
     grid-template-columns: 1fr;
-    gap: 30px;
+    gap: 10px;
   }
-  .team-photo {
-    width: 150px;
-    height: 150px;
+  .team-wrapper {
+    padding: 20px 16px;
   }
-  .team-name {
-    font-size: 16px;
-  }
-  .team-position {
-    font-size: 12px;
-  }
-}
-@media (min-width: 1400px) {
-  .team-section {
-    max-width: 1400px;
+  .Liderazgo-body {
+    flex-direction: column;
+    gap: 20px;
   }
-  .team-title {
-    font-size: 36px;
+  .Liderazgo-image img {
+    width: 100%;
+    height: auto;
+    min-height: 200px;
   }
-  .team-text p {
-    font-size: 20px;
+  .team-grid {
+    grid-template-columns: 1fr;
+    gap: 20px;
   }
   .team-photo {
-    width: 220px;
-    height: 220px;
+    width: 130px;
+    height: 130px;
   }
-  .team-name {
-    font-size: 20px;
+  .team-card,
+  .team-card-inner {
+    min-height: 300px;
   }
-  .team-position {
-    font-size: 16px;
+}
+/* Botón volver arriba */
+.btn-volver-arriba {
+  display: none;
+}
+@media (max-width: 768px) {
+  .btn-volver-arriba {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 2rem auto 1rem;
+    padding: 0.6rem 1.4rem;
+    background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
+    color: white;
+    border: none;
+    border-radius: 24px;
+    font-family: 'Roboto', sans-serif;
+    font-size: 0.9rem;
+    font-weight: 500;
+    cursor: pointer;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
   }
-}
+}