.elementor .e-3cd7eef{flex-direction:column;}.elementor .e-e8a41e5{flex-direction:column;/* ============================================================
 UNITED CREDIT S.A. - NOS CRÉDITS HERO BANNER (FULL VIEW)
 ============================================================ */

.uc-credits-hero-banner {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;

/* FIXED BANNER HEIGHT FRAME MATCHING SITE STANDARDS */
height: 420px !important;
min-height: 340px;

display: flex;
align-items: center;
overflow: hidden;
box-sizing: border-box;

/* Dark Professional Background Base */
background-color: #0f172a;

/* Layered Background: Gradient Overlay + Selected Credit Banner Image */
background-image: 
  linear-gradient(
    to right,
    rgba(15, 23, 42, 0.92) 0%, 
    rgba(15, 23, 42, 0.65) 45%,
    rgba(15, 23, 42, 0.20) 100%
  ), 
  url('https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&w=1600&q=80');

/* 100% FULL IMAGE DISPLAY (NO CROPPING / NO TRIMMING) */
background-size: contain;
background-position: right center; 
background-repeat: no-repeat;
}

/* Content Container Width */
.uc-credits-hero-content {
max-width: 600px;
}

/* Subtitle Badge */
.uc-hero-badge {
background: rgba(5, 150, 105, 0.35);
color: #34d399;
font-size: 13px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 20px;
border: 1px solid rgba(5, 150, 105, 0.5);
}

/* Main Title */
.uc-hero-title {
font-size: clamp(2.2rem, 4vw, 3.1rem) !important;
font-weight: 800 !important;
letter-spacing: -0.5px;
line-height: 1.15;
}

/* Description Text */
.uc-hero-desc {
font-size: 17px !important;
line-height: 1.6;
color: #e2e8f0 !important;
font-weight: 400;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
.uc-credits-hero-banner {
  height: 320px !important;
  background-size: cover;
  background-position: center center;
}
}\n}.elementor .e-4a03ef91-b3cc917{flex-direction:column;/* ============================================================
 UNITED CREDIT S.A. - BENTO IMAGE GRID SECTION (REDUCED SIZE)
 ============================================================ */

.uc-bento-grid-section {
width: 100%;
max-width: 960px; /* Reduced from 1140px to match earlier sections */
margin: 0 auto;
padding: 0 16px 28px 16px; /* Zero top padding to remove gap */
box-sizing: border-box;
}

/* Header Styling */
.uc-bento-header {
margin-bottom: 0px; /* Removed bottom gap */
}

.uc-bento-sub {
color: #059669;
font-weight: 800;
font-size: 0.75rem; /* Slightly reduced */
letter-spacing: 1px;
display: block;
margin-bottom: 4px;
}

.uc-bento-title {
color: #0f172a;
font-size: clamp(1.35rem, 2.2vw, 1.65rem); /* Scaled down title size */
font-weight: 800;
margin: 0 0 6px 0;
letter-spacing: -0.3px;
}

.uc-bento-title-bar {
width: 36px; /* Scaled down bar width */
height: 3px;
background-color: #059669;
border-radius: 2px;
margin-bottom: 0;
}

/* Grid Layout Structure */
.uc-bento-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px; /* Reduced gap from 20px */
width: 100%;
margin-top: 12px;
}

.uc-bento-col {
display: flex;
flex-direction: column;
gap: 14px; /* Reduced vertical gap */
}

/* Item Aspect Ratio Height Controls */
.uc-bento-item {
position: relative;
width: 100%;
border-radius: 16px; /* Reduced border radius from 28px */
overflow: hidden;
box-sizing: border-box;
background: #f1f5f9;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.uc-bento-tall {
height: 260px; /* Reduced tall height from 380px */
}

.uc-bento-short {
height: 160px; /* Reduced short height from 240px */
}

/* Border Styles (Green vs Blue Solid Card) */
.green-border {
border: 2px solid #35aa59;
}

.blue-card {
border: 2px solid #1b51c9;
background-color: #1b51c9;
}

/* Images Centered & Displayed Properly */
.uc-bento-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center; /* Keeps image subject centered */
display: block;
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uc-bento-item:hover {
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1);
}

.uc-bento-item:hover img {
transform: scale(1.05);
}

/* Overlay & Labels */
.uc-bento-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(15, 23, 42, 0.75) 0%, transparent 60%);
display: flex;
align-items: flex-end;
padding: 12px 14px; /* Reduced inner padding */
}

.uc-bento-tag {
color: #ffffff;
font-size: 0.75rem; /* Scaled down tag font size */
font-weight: 700;
background: rgba(5, 150, 105, 0.85);
backdrop-filter: blur(6px);
padding: 4px 10px; /* Compact padding */
border-radius: 12px;
letter-spacing: 0.3px;
}

.blue-tag {
background: rgba(27, 81, 201, 0.9);
}

/* Responsive Breakdown for Tablets & Mobile */
@media (max-width: 991px) {
.uc-bento-grid {
  grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.uc-bento-grid {
  grid-template-columns: 1fr;
}
.uc-bento-tall, .uc-bento-short {
  height: 200px;
}
}\n}