.banner-container {margin-bottom: 1rem;background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}.banner-content {max-width: 1440px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 2rem;}.banner-left {flex: 1;min-width: 300px;}.banner-right {display: flex;flex-direction: column;gap: 1rem;align-items: flex-end;}.new-badge {background: linear-gradient(135deg, #1f5aa0 0%, #133d70 100%);color: white;padding: 0.5rem 1.5rem;border-radius: 9999px;font-size: 0.875rem;font-weight: 600;display: inline-block;margin-bottom: 1rem;box-shadow: 0 2px 4px rgba(19, 61, 112, 0.3);transform: translateY(0);transition: all 0.3s ease;}.new-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 6px rgba(19, 61, 112, 0.4);}.banner-text {color: #1f2937;font-size: 1.25rem;margin: 1rem 0;line-height: 1.6;max-width: 600px;}.careers-list {display: flex;gap: 1rem;flex-wrap: wrap;margin-top: 1.5rem;}.career-badge {background: white;padding: 0.75rem 1.25rem;border-radius: 9999px;color: #374151;font-size: 0.875rem;text-decoration: none;border: 1px solid #e5e7eb;transition: all 0.3s ease;position: relative;overflow: hidden;}.career-badge::before {content: '';position: absolute;top: 50%;left: 50%;width: 120%;height: 120%;background: rgba(31, 90, 160, 0.1);border-radius: inherit;transform: translate(-50%, -50%) scale(0);transition: transform 0.3s ease;}.career-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border-color: #1f5aa0;color: #133d70;}.career-badge:hover::before {transform: translate(-50%, -50%) scale(1);}.cta-button {background: linear-gradient(135deg, #133d70 0%, #1f5aa0 100%);color: white;padding: 1rem 2rem;border-radius: 0.75rem;font-weight: 600;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: 0.75rem;text-decoration: none;transition: all 0.3s ease;position: relative;overflow: hidden;box-shadow: 0 4px 6px rgba(19, 61, 112, 0.3);}.cta-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);transition: left 0.5s ease;}.cta-button:hover {transform: translateY(-2px);box-shadow: 0 6px 8px rgba(19, 61, 112, 0.4);background: linear-gradient(135deg, #1f5aa0 0%, #133d70 100%);}.cta-button:hover::before {left: 100%;}.cta-button-secondary {background: transparent;color: #1f5aa0;padding: 0.75rem 1.5rem;border-radius: 0.75rem;font-weight: 500;border: 2px solid #308fe0;cursor: pointer;display: inline-flex;align-items: center;gap: 0.5rem;text-decoration: none;transition: all 0.3s ease;font-size: 0.9rem;position: relative;overflow: hidden;}.cta-button-secondary::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent 0%, rgba(48, 143, 224, 0.1) 50%, transparent 100%);transition: left 0.5s ease;}.cta-button-secondary:hover {background: rgba(48, 143, 224, 0.05);border-color: #1f5aa0;color: #133d70;transform: translateX(3px);}.cta-button-secondary:hover::before {left: 100%;}.secondary-icon {transition: all 0.3s ease;font-size: 1.1em;}.cta-button-secondary:hover .secondary-icon {transform: translateX(3px);}.arrow-icon {transition: all 0.3s ease;}.cta-button:hover .arrow-icon {transform: translateX(6px);}@media (max-width: 768px) {.banner-container {padding: 2rem 1.5rem;}.banner-content {flex-direction: column;text-align: center;}.banner-right {align-items: center;width: 100%;}.cta-button,.cta-button-secondary {width: 100%;justify-content: center;}.careers-list {justify-content: center;}.banner-left {min-width: auto;}.banner-text {font-size: 1.125rem;}}.portada-container {width: var(--container-width);margin: 0 auto;margin-top: 2rem;padding: 0 var(--spacing);max-width: 1440px;}.portada {margin-bottom: var(--spacing);background: var(--white);transition: all var(--transition-speed) ease;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: var(--card-radius);overflow: hidden;}.portada:hover {border-color: rgba(0, 0, 0, 0.15);box-shadow: var(--card-shadow-hover);}.portada-link {text-decoration: none;color: inherit;display: block;}.portada-wrapper {display: flex;width: 100%;height: 100%;gap: 0;position: relative;}.imagen-container {width: 60%;position: relative;overflow: hidden;height: 400px; background-size: contain;background-position: center;background-repeat: no-repeat;}.imagen-container img {display: none; }.portada:hover .imagen-container {transform: scale(1.03);}.contenido-portada {width: 40%;padding: var(--spacing);display: flex;flex-direction: column;justify-content: center;position: relative;background: var(--white);}.banner-container {margin-bottom: 1rem;background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}.banner-content {max-width: 1440px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 2rem;}.banner-left {flex: 1;min-width: 300px;}.banner-right {display: flex;flex-direction: column;gap: 1rem;align-items: flex-end;}.new-badge {background: linear-gradient(135deg, #1f5aa0 0%, #133d70 100%);color: white;padding: 0.5rem 1.5rem;border-radius: 9999px;font-size: 0.875rem;font-weight: 600;display: inline-block;margin-bottom: 1rem;box-shadow: 0 2px 4px rgba(19, 61, 112, 0.3);transform: translateY(0);transition: all 0.3s ease;}.new-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 6px rgba(19, 61, 112, 0.4);}.banner-text {color: #1f2937;font-size: 1.25rem;margin: 1rem 0;line-height: 1.6;max-width: 600px;}.careers-list {display: flex;gap: 1rem;flex-wrap: wrap;margin-top: 1.5rem;}.career-badge {background: white;padding: 0.75rem 1.25rem;border-radius: 9999px;color: #374151;font-size: 0.875rem;text-decoration: none;border: 1px solid #e5e7eb;transition: all 0.3s ease;position: relative;overflow: hidden;}.career-badge::before {content: '';position: absolute;top: 50%;left: 50%;width: 120%;height: 120%;background: rgba(31, 90, 160, 0.1);border-radius: inherit;transform: translate(-50%, -50%) scale(0);transition: transform 0.3s ease;}.career-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border-color: #1f5aa0;color: #133d70;}.career-badge:hover::before {transform: translate(-50%, -50%) scale(1);}.cta-button {background: linear-gradient(135deg, #133d70 0%, #1f5aa0 100%);color: white;padding: 1rem 2rem;border-radius: 0.75rem;font-weight: 600;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: 0.75rem;text-decoration: none;transition: all 0.3s ease;position: relative;overflow: hidden;box-shadow: 0 4px 6px rgba(19, 61, 112, 0.3);}.cta-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);transition: left 0.5s ease;}.cta-button:hover {transform: translateY(-2px);box-shadow: 0 6px 8px rgba(19, 61, 112, 0.4);background: linear-gradient(135deg, #1f5aa0 0%, #133d70 100%);}.cta-button:hover::before {left: 100%;}.cta-button-secondary {background: transparent;color: #1f5aa0;padding: 0.75rem 1.5rem;border-radius: 0.75rem;font-weight: 500;border: 2px solid #308fe0;cursor: pointer;display: inline-flex;align-items: center;gap: 0.5rem;text-decoration: none;transition: all 0.3s ease;font-size: 0.9rem;position: relative;overflow: hidden;}.cta-button-secondary::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent 0%, rgba(48, 143, 224, 0.1) 50%, transparent 100%);transition: left 0.5s ease;}.cta-button-secondary:hover {background: rgba(48, 143, 224, 0.05);border-color: #1f5aa0;color: #133d70;transform: translateX(3px);}.cta-button-secondary:hover::before {left: 100%;}.secondary-icon {transition: all 0.3s ease;font-size: 1.1em;}.cta-button-secondary:hover .secondary-icon {transform: translateX(3px);}.arrow-icon {transition: all 0.3s ease;}.cta-button:hover .arrow-icon {transform: translateX(6px);}.banner-container {margin-bottom: 1rem;background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}.banner-content {max-width: 1440px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 2rem;}.banner-left {flex: 1;min-width: 300px;}.banner-right {display: flex;flex-direction: column;gap: 1rem;align-items: flex-end;}.new-badge {background: linear-gradient(135deg, #1f5aa0 0%, #133d70 100%);color: white;padding: 0.5rem 1.5rem;border-radius: 9999px;font-size: 0.875rem;font-weight: 600;display: inline-block;margin-bottom: 1rem;box-shadow: 0 2px 4px rgba(19, 61, 112, 0.3);transform: translateY(0);transition: all 0.3s ease;}.new-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 6px rgba(19, 61, 112, 0.4);}.banner-text {color: #1f2937;font-size: 1.25rem;margin: 1rem 0;line-height: 1.6;max-width: 600px;}.careers-list {display: flex;gap: 1rem;flex-wrap: wrap;margin-top: 1.5rem;}.career-badge {background: white;padding: 0.75rem 1.25rem;border-radius: 9999px;color: #374151;font-size: 0.875rem;text-decoration: none;border: 1px solid #e5e7eb;transition: all 0.3s ease;position: relative;overflow: hidden;}.career-badge::before {content: '';position: absolute;top: 50%;left: 50%;width: 120%;height: 120%;background: rgba(31, 90, 160, 0.1);border-radius: inherit;transform: translate(-50%, -50%) scale(0);transition: transform 0.3s ease;}.career-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border-color: #1f5aa0;color: #133d70;}.career-badge:hover::before {transform: translate(-50%, -50%) scale(1);}.cta-button {background: linear-gradient(135deg, #133d70 0%, #1f5aa0 100%);color: white;padding: 1rem 2rem;border-radius: 0.75rem;font-weight: 600;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: 0.75rem;text-decoration: none;transition: all 0.3s ease;position: relative;overflow: hidden;box-shadow: 0 4px 6px rgba(19, 61, 112, 0.3);}.cta-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);transition: left 0.5s ease;}.cta-button:hover {transform: translateY(-2px);box-shadow: 0 6px 8px rgba(19, 61, 112, 0.4);background: linear-gradient(135deg, #1f5aa0 0%, #133d70 100%);}.cta-button:hover::before {left: 100%;}.cta-button-secondary {background: transparent;color: #1f5aa0;padding: 0.75rem 1.5rem;border-radius: 0.75rem;font-weight: 500;border: 2px solid #308fe0;cursor: pointer;display: inline-flex;align-items: center;gap: 0.5rem;text-decoration: none;transition: all 0.3s ease;font-size: 0.9rem;position: relative;overflow: hidden;}.cta-button-secondary::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent 0%, rgba(48, 143, 224, 0.1) 50%, transparent 100%);transition: left 0.5s ease;}.cta-button-secondary:hover {background: rgba(48, 143, 224, 0.05);border-color: #1f5aa0;color: #133d70;transform: translateX(3px);}.cta-button-secondary:hover::before {left: 100%;}.secondary-icon {transition: all 0.3s ease;font-size: 1.1em;}.cta-button-secondary:hover .secondary-icon {transform: translateX(3px);}.arrow-icon {transition: all 0.3s ease;}.cta-button:hover .arrow-icon {transform: translateX(6px);}@media (max-width: 768px) {.banner-container {padding: 1.5rem 1rem;margin-top: 0.5rem;margin-bottom: 1.5rem;border-radius: 0.75rem;}.banner-content {flex-direction: column;text-align: center;gap: 1.5rem;}.banner-left {min-width: auto;width: 100%;}.banner-text {font-size: 1rem;line-height: 1.5;margin: 0.75rem 0 1.25rem;}.careers-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.625rem;margin-top: 1rem;width: 100%;}.career-badge {padding: 0.625rem 0;font-size: 0.6825rem;font-weight: 500;border: 1.5px solid #e5e7eb;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;width: 100%;display: block;}@media (max-width: 380px) {.careers-list {grid-template-columns: 1fr;}}.career-badge:hover {transform: none;}.career-badge:active {transform: scale(0.97);background: rgba(31, 90, 160, 0.05);}.banner-right {align-items: center;width: 100%;gap: 0.75rem;}.cta-button {width: 50%;justify-content: center;padding: 0.875rem 1.5rem;font-size: 0.9375rem;box-shadow: 0 2px 4px rgba(19, 61, 112, 0.3);}.cta-button:hover {transform: none;}.cta-button:active {transform: scale(0.98);}.cta-button-secondary {width: 100%;justify-content: center;padding: 0.75rem 1.25rem;font-size: 0.875rem;}.cta-button-secondary:hover {transform: none;}.cta-button-secondary:active {transform: scale(0.98);}.new-badge {font-size: 0.8125rem;padding: 0.5rem 1.25rem;margin-bottom: 0.75rem;}}@media (min-width: 769px) and (max-width: 1024px) {.banner-container {padding: 1.75rem 1.5rem;}.banner-text {font-size: 1.125rem;}.career-badge {font-size: 0.8125rem;padding: 0.675rem 1.125rem;}.careers-list {gap: 0.75rem;}}.portada-container {width: var(--container-width);margin: 0 auto;margin-top: 2rem;padding: 0 var(--spacing);max-width: 1440px;}.portada {margin-bottom: var(--spacing);background: var(--white);transition: all var(--transition-speed) ease;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: var(--card-radius);overflow: hidden;}.portada:hover {border-color: rgba(0, 0, 0, 0.15);box-shadow: var(--card-shadow-hover);}.portada-link {text-decoration: none;color: inherit;display: block;}.portada-wrapper {display: flex;width: 100%;height: 100%;gap: 0;position: relative;}.imagen-container {width: 60%;position: relative;overflow: hidden;height: 400px;background-size: contain;background-position: center;background-repeat: no-repeat;}.imagen-container img {display: none;}.portada:hover .imagen-container {transform: scale(1.03);}.contenido-portada {width: 40%;padding: var(--spacing);display: flex;flex-direction: column;justify-content: center;position: relative;background: var(--white);}@media (max-width: 768px) {.portada-container {padding: 0 1rem;}.portada-wrapper {flex-direction: column;}.imagen-container {width: 100%;height: 250px;}.contenido-portada {width: 100%;padding: 1.5rem 1rem;}}