/* ===================================== */ /* RESET */ /* ===================================== */ *{ margin:0; padding:0; box-sizing:border-box; } html{ scroll-behavior:smooth; } body{ font-family:'Montserrat', sans-serif; background:#050505; overflow-x:hidden; color:#fff; } /* ===================================== */ /* VARIABLES */ /* ===================================== */ :root{ --gold:#d49a4a; --gold-dark:#b6782d; --black:#050505; --white:#ffffff; --gray:#d8d8d8; } /* ===================================== */ /* GENERAL */ /* ===================================== */ .container{ width:92%; max-width:1400px; margin:auto; } /* ===================================== */ /* HEADER */ /* ===================================== */ .header{ position:fixed; top:0; left:0; width:100%; z-index:999; background: rgba(0,0,0,.65); backdrop-filter:blur(12px); border-bottom: 1px solid rgba(255,255,255,.08); } .nav-container{ height:120px; display:flex; align-items:center; justify-content:space-between; } /* LOGO */ .logo-area img{ width:360px; display:block; } /* NAVBAR */ .nav-links{ display:flex; align-items:center; gap:42px; list-style:none; } .nav-links a{ color:#fff; text-decoration:none; font-size:16px; font-weight:500; letter-spacing:.5px; position:relative; transition:.3s; } .nav-links a:hover, .nav-links a.active{ color:var(--gold); } .nav-links a::after{ content:""; position:absolute; left:0; bottom:-12px; width:0%; height:2px; background:var(--gold); transition:.3s; } .nav-links a:hover::after, .nav-links a.active::after{ width:100%; } 

/* ===================================== */
/* SOCIALS */
/* ===================================== */

.header-socials{

    display:flex;

    align-items:center;

    gap:16px;

}

/* LINK */

.header-socials a{

    width:48px;

    height:48px;

    min-width:48px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(212,154,74,.35);

    transition:.3s ease;

}

/* ICON */

.header-socials a i{

    color:var(--gold);

    font-size:19px;

    line-height:1;

}

/* HOVER */

.header-socials a:hover{

    background:
    linear-gradient(
    to bottom,
    #d8a55d,
    #b6782d
    );

    transform:translateY(-3px);

    box-shadow:
    0 12px 25px rgba(0,0,0,.35);

}

/* HOVER ICON */

.header-socials a:hover i{

    color:#000;

}

/* ===================================== */ /* HERO SLIDER */ /* ===================================== */ .hero{ position:relative; min-height:100vh; width:100%; overflow:hidden; padding-top:180px; display:flex; flex-direction:column; justify-content:flex-start; border-bottom: 1px solid rgba(212,154,74,.20); } 


/* SLIDER BACKGROUND */ .hero::before{ content:""; position:absolute; inset:0; z-index:0; animation:heroSlider 18s infinite; background-size:100% 100%; background-position:center; background-repeat:no-repeat; } /* DARK OVERLAY */ .hero::after{ content:""; position:absolute; inset:0; z-index:1; background: linear-gradient( to right, rgba(0,0,0,.96) 5%, rgba(0,0,0,.82) 35%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.35) 100% ); } /* ANIMATION */ @keyframes heroSlider{ 0%{ background-image: url('assets/hero-bg.jpg'); transform:scale(1); } 33%{ background-image: url('assets/hero-bg-2.jpg'); transform:scale(1.03); } 66%{ background-image: url('assets/hero-bg-3.jpg'); transform:scale(1.02); } 100%{ background-image: url('assets/hero-bg.jpg'); transform:scale(1); } } /* OVERLAY */ .hero-overlay{ position:absolute; inset:0; background: radial-gradient( circle at top left, rgba(255,170,60,.08), transparent 45% ); z-index:2; } /* HERO CONTAINER */ .hero-container{ position:relative; z-index:10; width:100%; display:flex; align-items:center; min-height:65vh; } /* HERO CONTENT */ .hero-content{ max-width:720px; } /* HERO LOGO */ .hero-logo{ width:360px; max-width:100%; margin-bottom:25px; display:block; } /* HERO TITLE */ .hero-content h1{ font-size:56px; line-height:1.1; font-weight:800; margin-bottom:24px; color:#fff; } .hero-content h1 span{ display:block; color:var(--gold); } /* HERO TEXT */ .hero-content p{ font-size:22px; line-height:1.8; color:#e0e0e0; max-width:650px; } /* HERO BUTTONS */ .hero-buttons{ margin-top:45px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; } /* GOLD BUTTON */ .btn-gold{ background: linear-gradient( to bottom, #d8a55d, #b6782d ); color:#000; text-decoration:none; display:flex; align-items:center; justify-content:center; gap:12px; padding:20px 34px; border-radius:6px; font-weight:700; transition:.3s; box-shadow: 0 15px 30px rgba(0,0,0,.35); } .btn-gold:hover{ transform:translateY(-3px); } /* OUTLINE BUTTON */ .btn-outline{ border: 1px solid var(--gold); color:#fff; text-decoration:none; display:flex; align-items:center; justify-content:center; gap:12px; padding:20px 34px; border-radius:6px; font-weight:700; transition:.3s; } .btn-outline:hover{ background:var(--gold); color:#000; } /* ===================================== */ /* FEATURE BAR */ /* ===================================== */ .hero-features-wrapper{ position:relative; z-index:10; margin-top:20px; padding-bottom:70px; } /* FEATURES */ .hero-features{ background: linear-gradient( to bottom, rgba(10,10,10,.96), rgba(0,0,0,.96) ); border: 1px solid rgba(212,154,74,.45); border-radius:22px; overflow:hidden; display:grid; grid-template-columns:repeat(5,1fr); box-shadow: 0 25px 50px rgba(0,0,0,.55); backdrop-filter:blur(12px); } /* ITEM */ .feature-box{ padding:36px 30px; display:flex; align-items:center; gap:18px; border-right: 1px solid rgba(255,255,255,.08); } .feature-box:last-child{ border-right:none; } /* ICON */ .feature-box i{ color:var(--gold); font-size:44px; min-width:44px; } /* TEXT */ .feature-box span{ color:#fff; font-size:17px; line-height:1.5; font-weight:500; } 



/* VALORSITOS */
.valorsitos {
    position: relative;
    z-index: 2;
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;       /* Permite que salten de línea en pantallas chicas */
    justify-content: center;
    gap: 24px;
    width: 100%;           /* Evita que el contenedor se desborde */
}

/* VALORSITOS BADGE */
.valorsitos-badge {
    display: inline-block; /* Hace que el fondo se ajuste al texto */
    padding: 14px 26px; 
    border-radius: 999px;
    border: 1px solid rgba(212,154,74,.35);
    background: rgba(255,255,255,.03);
    color: #fff; 
    font-weight: 600; 
    transition: .3s;
    font-size: 24px;       /* Mantiene tus 24px */
    text-align: center;
}

.valorsitos-badge:hover { 
    background: var(--gold); 
    color: #000; 
    transform: translateY(-3px); 
} /* <--- Una sola llave aquí basta */


/* ===================================== */ /* ABOUT SECTION */ /* ===================================== */ .about-section{ position:relative; padding:120px 0; background: linear-gradient( rgba(0,0,0,.92), rgba(0,0,0,.95) ); overflow:hidden; } /* OVERLAY */ .about-overlay{ position:absolute; inset:0; background: radial-gradient( circle at top center, rgba(212,154,74,.08), transparent 45% ); } /* GRID */ .about-top-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-bottom:70px; } /* MINI TITLE */ .section-mini-title{ color:var(--gold); font-size:18px; font-weight:700; letter-spacing:1px; display:block; margin-bottom:20px; } /* TITLE */ .about-left h2{ font-size:64px; line-height:1.1; font-weight:800; margin-bottom:25px; } .about-left h2 span{ display:block; color:var(--gold); } /* LINE */ .title-line{ width:70px; height:4px; background:var(--gold); margin-bottom:30px; } /* TEXT */ .about-left p{ color:#d7d7d7; font-size:22px; line-height:1.8; margin-bottom:35px; } /* BUTTON */ .about-btn{ display:inline-flex; align-items:center; gap:14px; text-decoration:none; color:#fff; border:1px solid rgba(212,154,74,.55); padding:20px 32px; border-radius:8px; transition:.3s; } .about-btn:hover{ background:var(--gold); color:#000; } /* RIGHT */ .about-right{ border-left: 3px solid rgba(212,154,74,.6); padding-left:45px; } /* LIST */ .about-list{ display:flex; flex-direction:column; gap:28px; } /* ITEM */ .about-list-item{ display:flex; align-items:flex-start; gap:16px; } /* ICON */ .about-list-item i{ color:var(--gold); font-size:24px; margin-top:2px; } /* TEXT */ .about-list-item span{ font-size:24px; line-height:1.7; color:#fff; } /* ===================================== */ /* CARDS */ /* ===================================== */ .about-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-bottom:50px; } /* CARD */ .info-card{ background: linear-gradient( to bottom, rgba(8,8,8,.92), rgba(0,0,0,.96) ); border: 1px solid rgba(212,154,74,.45); border-radius:18px; padding:45px; transition:.3s; } .info-card:hover{ transform:translateY(-5px); border-color:var(--gold); } /* ICON */ .card-icon{ margin-bottom:25px; } .card-icon i{ color:var(--gold); font-size:70px; } /* TITLE */ .info-card h3{ font-size:44px; color:var(--gold); margin-bottom:25px; } /* TEXT */ .info-card p{ color:#d8d8d8; line-height:1.9; font-size:19px; margin-bottom:20px; } /* VALUES */ .values-list{ list-style:none; display:flex; flex-direction:column; gap:18px; } .values-list li{ display:flex; align-items:flex-start; gap:14px; color:#fff; font-size:21px; } .values-list i{ color:var(--gold); margin-top:3px; } /* ===================================== */ /* CTA */ /* ===================================== */ .about-cta{ background: linear-gradient( to bottom, rgba(10,10,10,.95), rgba(0,0,0,.96) ); border: 1px solid rgba(212,154,74,.35); border-radius:16px; padding:35px 45px; display:flex; align-items:center; justify-content:space-between; gap:30px; } /* LEFT */ .cta-left{ display:flex; align-items:center; gap:25px; } /* ICON */ .cta-icon{ width:90px; height:90px; border-radius:50%; background: linear-gradient( to bottom, #d8a55d, #b6782d ); display:flex; align-items:center; justify-content:center; } .cta-icon i{ color:#000; font-size:34px; } /* TITLE */ .cta-left h4{ font-size:40px; margin-bottom:10px; } /* TEXT */ .cta-left p{ font-size:22px; color:#d7d7d7; } /* BUTTON */ .cta-btn{ background: linear-gradient( to bottom, #d8a55d, #b6782d ); color:#000; text-decoration:none; display:flex; align-items:center; justify-content:center; gap:14px; padding:22px 36px; border-radius:8px; font-weight:700; min-width:320px; transition:.3s; } .cta-btn:hover{ transform:translateY(-3px); } /* ===================================== */ /* RESPONSIVE */ /* ===================================== */ @media(max-width:1200px){ .hero-features{ grid-template-columns:repeat(2,1fr); } .about-top-grid{ grid-template-columns:1fr; } .about-cards{ grid-template-columns:1fr; } } @media(max-width:992px){ .navbar, .header-socials{ display:none; } .hero-content h1{ font-size:42px; } .about-left h2{ font-size:42px; } } @media(max-width:768px){ .hero{ padding-top:140px; } .hero-buttons{ flex-direction:column; } .btn-gold, .btn-outline{ width:100%; } .hero-features{ grid-template-columns:1fr; } .feature-box{ border-right:none; border-bottom: 1px solid rgba(255,255,255,.08); } .about-section{ padding:90px 0; } .about-left h2{ font-size:34px; } .about-list-item span{ font-size:18px; } .info-card{ padding:35px; } .cta-left{ flex-direction:column; align-items:flex-start; } .about-cta{ flex-direction:column; align-items:flex-start; } .cta-btn{ width:100%; min-width:auto; } } /* ===================================== */ /* CTA PHONE */ /* ===================================== */ .cta-contact-wrapper{ display:flex; flex-direction:column; align-items:center; gap:18px; } /* PHONE */ .cta-phone{ display:flex; align-items:center; gap:12px; color:#fff; font-size:24px; font-weight:700; letter-spacing:.5px; } /* ICON */ .cta-phone i{ color:var(--gold); font-size:22px; } /* MOBILE */ @media(max-width:768px){ .cta-phone{ font-size:18px; text-align:center; } } /* ===================================== */ /* CONTACT SECTION */ /* ===================================== */ .contact-section{ position:relative; padding:120px 0; background: linear-gradient( to bottom, #050505, #0b0b0b ); } /* HEADING */ .contact-heading{ text-align:center; max-width:900px; margin:0 auto 70px auto; } /* TITLE */ .contact-heading h2{ font-size:64px; line-height:1.1; margin-bottom:25px; font-weight:800; } .contact-heading h2 span{ display:block; color:var(--gold); } /* TEXT */ .contact-heading p{ font-size:22px; color:#d8d8d8; line-height:1.8; } /* GRID */ .contact-grid{ display:grid; grid-template-columns:420px 1fr; gap:40px; } /* INFO */ .contact-info{ display:flex; flex-direction:column; gap:24px; } /* CARD */ .contact-card{ background: linear-gradient( to bottom, rgba(12,12,12,.95), rgba(0,0,0,.95) ); border: 1px solid rgba(212,154,74,.25); border-radius:18px; padding:28px; display:flex; gap:20px; transition:.3s; } .contact-card:hover{ transform:translateY(-4px); border-color:var(--gold); } /* ICON */ .contact-icon{ width:70px; height:70px; min-width:70px; border-radius:50%; display:flex; align-items:center; justify-content:center; background: linear-gradient( to bottom, #d8a55d, #b6782d ); } .contact-icon i{ color:#000; font-size:28px; } /* TITLE */ .contact-card h3{ font-size:24px; margin-bottom:10px; } /* TEXT */ .contact-card p{ color:#d8d8d8; line-height:1.7; } /* FORM */ .contact-form-wrapper{ background: linear-gradient( to bottom, rgba(12,12,12,.96), rgba(0,0,0,.98) ); border: 1px solid rgba(212,154,74,.25); border-radius:22px; padding:45px; } /* FORM */ .contact-form{ display:flex; flex-direction:column; gap:28px; } /* ROW */ .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:24px; } /* GROUP */ .form-group{ display:flex; flex-direction:column; } /* LABEL */ .form-group label{ margin-bottom:12px; color:#fff; font-weight:600; } /* INPUT */ .form-group input, .form-group textarea{ width:100%; border:none; outline:none; background:#111; border: 1px solid rgba(255,255,255,.08); border-radius:10px; padding:18px 20px; color:#fff; font-size:16px; transition:.3s; } /* TEXTAREA */ .form-group textarea{ min-height:180px; resize:none; } /* FOCUS */ .form-group input:focus, .form-group textarea:focus{ border-color:var(--gold); } /* BUTTON */ .contact-btn{ height:65px; border:none; border-radius:10px; background: linear-gradient( to bottom, #d8a55d, #b6782d ); color:#000; font-weight:800; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:14px; transition:.3s; } .contact-btn:hover{ transform:translateY(-3px); } /* ===================================== */ /* RESPONSIVE */ /* ===================================== */ @media(max-width:1200px){ .contact-grid{ grid-template-columns:1fr; } } @media(max-width:768px){ .contact-section{ padding:90px 0; } .contact-heading h2{ font-size:40px; } .contact-heading p{ font-size:18px; } .form-row{ grid-template-columns:1fr; } .contact-form-wrapper{ padding:30px; } } @media(max-width:480px){ .contact-heading h2{ font-size:32px; } .contact-card{ flex-direction:column; } } /* ===================================== */ /* COVERAGE SECTION */ /* ===================================== */ .coverage-section{ position:relative; padding:120px 0; background: linear-gradient( to bottom, #0a0a0a, #050505 ); overflow:hidden; } /* OVERLAY */ .coverage-overlay{ position:absolute; inset:0; background: radial-gradient( circle at center, rgba(212,154,74,.08), transparent 45% ); } /* HEADING */ .coverage-heading{ position:relative; z-index:2; text-align:center; max-width:950px; margin:0 auto 80px auto; } /* TITLE */ .coverage-heading h2{ font-size:64px; line-height:1.1; margin-bottom:25px; font-weight:800; } .coverage-heading h2 span{ display:block; color:var(--gold); } /* TEXT */ .coverage-heading p{ font-size:22px; color:#d7d7d7; line-height:1.8; } /* GRID */ .coverage-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1fr 520px; gap:50px; align-items:center; } /* MAP */ .coverage-map{ width:100%; border-radius:24px; overflow:hidden; border: 1px solid rgba(212,154,74,.25); background:#111; box-shadow: 0 25px 60px rgba(0,0,0,.55); } /* IMAGE */ .coverage-map img{ width:100%; display:block; } /* RIGHT */ .coverage-right{ display:flex; flex-direction:column; gap:24px; } /* CARD */ .coverage-card{ background: linear-gradient( to bottom, rgba(12,12,12,.96), rgba(0,0,0,.96) ); border: 1px solid rgba(212,154,74,.25); border-radius:18px; padding:28px; display:flex; gap:22px; transition:.3s; } .coverage-card:hover{ transform:translateY(-5px); border-color:var(--gold); } /* ICON */ .coverage-icon{ width:72px; height:72px; min-width:72px; border-radius:50%; background: linear-gradient( to bottom, #d8a55d, #b6782d ); display:flex; align-items:center; justify-content:center; } /* ICON */ .coverage-icon i{ color:#000; font-size:28px; } /* TITLE */ .coverage-card h3{ font-size:24px; margin-bottom:12px; } /* TEXT */ .coverage-card p{ color:#d8d8d8; line-height:1.8; } /* STATES */ .coverage-states{ position:relative; z-index:2; margin-top:70px; display:flex; flex-wrap:wrap; justify-content:center; gap:18px; } /* BADGE */ .state-badge{ padding:14px 26px; border-radius:999px; border: 1px solid rgba(212,154,74,.35); background: rgba(255,255,255,.03); color:#fff; font-weight:600; transition:.3s; } .state-badge:hover{ background:var(--gold); color:#000; transform:translateY(-3px); } /* ===================================== */ /* RESPONSIVE */ /* ===================================== */ @media(max-width:1200px){ .coverage-grid{ grid-template-columns:1fr; } } @media(max-width:768px){ .coverage-section{ padding:90px 0; } .coverage-heading h2{ font-size:40px; } .coverage-heading p{ font-size:18px; } .coverage-card{ flex-direction:column; } } @media(max-width:480px){ .coverage-heading h2{ font-size:32px; } .state-badge{ width:100%; text-align:center; } } /* ===================================== */ /* SECTION DIVIDER TITLE */ /* ===================================== */ .section-divider-title{ position:relative; padding:90px 0 40px; background: linear-gradient( to bottom, #050505, #070707 ); text-align:center; overflow:hidden; } /* LIGHT EFFECT */ .section-divider-title::before{ content:""; position:absolute; top:-120px; left:50%; transform:translateX(-50%); width:600px; height:600px; background: radial-gradient( circle, rgba(212,154,74,.10), transparent 65% ); } /* TITLE */ .section-divider-title h2{ position:relative; z-index:2; font-size:72px; line-height:1.1; font-weight:800; color:#fff; margin-top:18px; } /* GOLD WORD */ .section-divider-title h2 span{ color:var(--gold); } /* RESPONSIVE */ @media(max-width:768px){ .section-divider-title{ padding:70px 0 30px; } .section-divider-title h2{ font-size:42px; } } @media(max-width:480px){ .section-divider-title h2{ font-size:34px; } } /* ===================================== */ /* SERVICES SECTION */ /* ===================================== */ .services-section{ position:relative; padding:120px 0; background: linear-gradient( to bottom, #050505, #0b0b0b ); overflow:hidden; } /* OVERLAY */ .services-overlay{ position:absolute; inset:0; background: radial-gradient( circle at top right, rgba(212,154,74,.08), transparent 40% ); } /* ===================================== */ /* HEADING */ /* ===================================== */ .services-heading{ position:relative; z-index:2; text-align:center; max-width:950px; margin:0 auto 80px auto; } /* TITLE */ .services-heading h2{ font-size:64px; line-height:1.1; font-weight:800; margin-bottom:25px; color:#fff; } .services-heading h2 span{ display:block; color:var(--gold); } /* TEXT */ .services-heading p{ font-size:22px; line-height:1.8; color:#d8d8d8; } /* ===================================== */ /* MAIN GRID */ /* ===================================== */ .services-main-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1fr 520px; gap:45px; align-items:stretch; } /* ===================================== */ /* LEFT */ /* ===================================== */ .services-left{ display:flex; flex-direction:column; gap:30px; } /* ===================================== */ /* CARDS */ /* ===================================== */ .services-cards{ display:grid; grid-template-columns:1fr 1fr; gap:28px; } /* ===================================== */ /* SERVICE BOX */ /* ===================================== */ .service-box{ background: linear-gradient( to bottom, rgba(12,12,12,.97), rgba(0,0,0,.98) ); border: 1px solid rgba(212,154,74,.25); border-radius:22px; padding:35px; transition:.3s; backdrop-filter:blur(10px); } .service-box:hover{ transform:translateY(-6px); border-color:var(--gold); box-shadow: 0 25px 50px rgba(0,0,0,.45); } /* ===================================== */ /* TITLE */ /* ===================================== */ .service-title{ display:flex; align-items:center; gap:18px; margin-bottom:30px; } /* CIRCLE */ .service-circle{ width:78px; height:78px; min-width:78px; border-radius:50%; display:flex; align-items:center; justify-content:center; border: 2px solid var(--gold); } /* ICON */ .service-circle i{ color:var(--gold); font-size:32px; } /* TITLE */ .service-title h3{ font-size:30px; line-height:1.2; font-weight:800; color:#fff; } /* GOLD */ .service-title h3 span{ display:block; color:var(--gold); } /* ===================================== */ /* LIST */ /* ===================================== */ .service-list{ list-style:none; padding:0; margin:0; } /* ITEM */ .service-list li{ position:relative; padding-left:34px; padding-bottom:24px; margin-bottom:24px; border-bottom: 1px solid rgba(255,255,255,.08); color:#d7d7d7; line-height:1.9; font-size:17px; } /* LAST */ .service-list li:last-child{ margin-bottom:0; } /* CHECK */ .service-list li::before{ content:"✓"; position:absolute; left:0; top:0; width:22px; height:22px; border-radius:50%; border: 1px solid var(--gold); color:var(--gold); font-size:13px; display:flex; align-items:center; justify-content:center; } /* ===================================== */ /* NOTE */ /* ===================================== */ .service-bottom-note{ background: linear-gradient( to bottom, rgba(12,12,12,.97), rgba(0,0,0,.98) ); border: 1px solid rgba(212,154,74,.25); border-radius:22px; padding:28px 35px; display:flex; align-items:center; gap:24px; } /* ICON */ .bottom-note-icon{ width:78px; height:78px; min-width:78px; border-radius:18px; background: linear-gradient( to bottom, #d8a55d, #b6782d ); display:flex; align-items:center; justify-content:center; } /* ICON */ .bottom-note-icon i{ color:#000; font-size:34px; } /* TEXT */ .service-bottom-note p{ color:#d8d8d8; line-height:1.9; font-size:18px; } /* ===================================== */ /* IMAGE */ /* ===================================== */ .services-image{ position:relative; border-radius:24px; overflow:hidden; border: 1px solid rgba(212,154,74,.25); min-height:100%; box-shadow: 0 30px 60px rgba(0,0,0,.55); } /* IMAGE */ .services-image img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; } /* HOVER */ .services-image:hover img{ transform:scale(1.04); } /* ===================================== */ /* RESPONSIVE */ /* ===================================== */ @media(max-width:1300px){ .services-main-grid{ grid-template-columns:1fr; } .services-image{ height:700px; } } @media(max-width:992px){ .services-cards{ grid-template-columns:1fr; } } @media(max-width:768px){ .services-section{ padding:90px 0; } .services-heading{ margin-bottom:60px; } .services-heading h2{ font-size:42px; } .services-heading p{ font-size:18px; } .service-box{ padding:28px; } .service-title{ flex-direction:column; align-items:flex-start; } .service-title h3{ font-size:24px; } .service-bottom-note{ flex-direction:column; align-items:flex-start; } .services-image{ height:500px; } } @media(max-width:480px){ .services-heading h2{ font-size:34px; } .service-list li{ font-size:16px; line-height:1.8; } .service-bottom-note p{ font-size:16px; } .services-image{ height:420px; } } /* ===================================== */ /* HEADER RIGHT */ /* ===================================== */ .header-right{ display:flex; align-items:center; gap:22px; } /* ===================================== */ /* PARTNER LOGO */ /* ===================================== */ .partner-logo{ display:flex; align-items:center; justify-content:center; } /* IMAGE */ .partner-logo img{ height:125px; width:auto; object-fit:contain; display:block; transition:.3s ease; filter: drop-shadow(0 12px 25px rgba(0,0,0,.45)); } /* HOVER */ .partner-logo img:hover{ transform:none; } /* ===================================== */ /* RESPONSIVE */ /* ===================================== */ @media(max-width:992px){ .partner-logo{ display:none; } }


/* Nuevo contenedor para forzar la alineación hacia abajo (en fila única) */
.cta-phone-container {
    display: flex;
    flex-direction: column;   /* Alinea los números uno debajo del otro */
    gap: 12px;                /* Separación vertical entre cada teléfono */
    margin-top: 15px;         /* Separación respecto al botón de arriba */
    align-items: center;      /* Los centra horizontalmente debajo del botón */
}

/* Estilo para cada renglón de teléfono (icono + texto) */
.phone-row {
    display: flex;
    align-items: center;      /* Alinea perfectamente el icono con el texto */
    gap: 10px;                /* Espacio entre el icono y el número */
    color: #fff;              /* Mantiene el color blanco de los números */
}

/* Asegura que los iconos conserven su diseño original */
.phone-row i {
    color: var(--gold, #d49a4a); /* Usa tu color dorado para los iconos */
    font-size: 16px;
}

/* Estilo para los enlaces de los números */
.phone-row a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;          /* Ajusta el tamaño de la letra a tu gusto */
    font-weight: 700;
    transition: color 0.3s;
}

/* Efecto hover opcional para cuando pasen el mouse sobre el número */
.phone-row a:hover {
    color: var(--gold, #d49a4a);
}

.info-card p {
    text-align: justify;
}