• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css
• https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..800&display=swap

/* MIXED CSS PACK */
/* Template: consultoriogalaf.com.ar/index.html */
/* Template mtime: 2026-02-11 17:28:08 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ---------- VARIABLES ---------- */
    :root {
      /* Paleta respetada al 100% */
      --bg: #ffffff;
      --text: #111827;
      --muted: #4b5563;
      --card: #ffffff;
      --border: rgba(17, 24, 39, 0.08);
      --soft: rgba(17, 24, 39, 0.04);
      --accent: #1c227c;      /* Teal premium */
      --accent2: #1c227c;     /* Blue sutil */
      --accentDark: #1c227c;
      
      /* Nuevas variables de refinamiento */
      --shadow-sm: 0 4px 12px rgba(17, 24, 39, 0.02), 0 1px 2px rgba(17, 24, 39, 0.03);
      --shadow-md: 0 8px 24px rgba(28, 34, 124, 0.06), 0 2px 6px rgba(17, 24, 39, 0.02);
      --shadow-lg: 0 20px 40px -12px rgba(28, 34, 124, 0.14), 0 4px 18px rgba(17, 24, 39, 0.04);
      --radius-md: 20px;
      --radius-lg: 28px;
      --radius-xl: 36px;
      --transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
    }

    /* ---------- RESET Y BASE ---------- */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      background-color: var(--bg);
      color: var(--text);
      font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: 0.01em;
      background-image: 
        radial-gradient(900px 600px at 10% 0%, rgba(28, 34, 124, 0.05), transparent 60%),
        radial-gradient(900px 600px at 95% 15%, rgba(28, 34, 124, 0.05), transparent 65%);
      background-attachment: fixed;
    }

    /* Tipografía ultra legible */
    h1, h2, h3, h4, h5, h6 {
      font-weight: 650;
      letter-spacing: -0.025em;
      line-height: 1.2;
    }

    p {
      color: var(--muted);
    }

    a {
      text-decoration: none;
      transition: var(--transition);
    }

    /* ---------- NAVBAR PRO ---------- */
    .navbar {
      background: rgba(255, 255, 255, 0.80);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
      padding: 16px 0;
      box-shadow: 0 2px 6px rgba(0,0,0,0.01);
    }

    .navbar-brand {
      font-weight: 750;
      font-size: 1.6rem;
      letter-spacing: -0.03em;
      color: var(--text) !important;
      background: linear-gradient(145deg, var(--text), #2d3748);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .navbar .nav-link {
      color: rgba(17, 24, 39, 0.78) !important;
      font-weight: 590;
      font-size: 1.02rem;
      padding: 8px 16px !important;
      border-radius: 100px;
      transition: var(--transition);
    }

    .navbar .nav-link:hover {
      color: var(--text) !important;
      background: rgba(28, 34, 124, 0.06);
    }

    /* Botón WhatsApp en navbar */
    .btn-accent {
      background: linear-gradient(105deg, var(--accent), #1c227c);
      border: none;
      color: white;
      font-weight: 650;
      padding: 10px 24px;
      border-radius: 100px;
      box-shadow: 0 8px 18px rgba(28, 34, 124, 0.25);
      transition: var(--transition);
      letter-spacing: -0.01em;
    }

    .btn-accent:hover {
      background: linear-gradient(105deg, #1c227c, #1c227c);
      box-shadow: 0 12px 26px rgba(28, 34, 124, 0.36);
      transform: translateY(-2px);
    }

    .btn-soft {
      background: white;
      border: 1px solid var(--border);
      color: var(--text);
      font-weight: 600;
      padding: 10px 24px;
      border-radius: 100px;
      transition: var(--transition);
    }

    .btn-soft:hover {
      background: rgba(28, 34, 124, 0.04);
      border-color: rgba(28, 34, 124, 0.3);
      transform: translateY(-2px);
      box-shadow: var(--shadow-sm);
    }

    /* ---------- SECTIONS ---------- */
    section {
      padding: 100px 0;
    }

    .anchor-offset {
      scroll-margin-top: 90px;
    }

    /* Eyebrow con ícono mejorado */
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 20px 8px 18px;
      border-radius: 100px;
      border: 1px solid rgba(28, 34, 124, 0.15);
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(4px);
      color: var(--accentDark);
      font-weight: 620;
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      box-shadow: 0 2px 8px rgba(0,0,0,0.01);
    }

    .eyebrow:before {
      content: "●";
      font-size: 1.2rem;
      color: var(--accent);
      line-height: 0;
      margin-right: 4px;
    }

    /* Títulos de sección */
    .section-title {
      font-size: 2.8rem;
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 1.1;
      margin-top: 16px;
    }

    @media (max-width: 768px) {
      .section-title {
        font-size: 2.2rem;
      }
    }

    .section-subtitle {
      font-size: 1.2rem;
      color: var(--muted);
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
      font-weight: 400;
    }

    /* ---------- HERO PREMIUM ---------- */
    .hero {
      padding-top: 140px;
      padding-bottom: 80px;
    }

    .hero h1 {
      font-weight: 750;
      letter-spacing: -0.04em;
      line-height: 1.1;
      font-size: 3.2rem;
    }

    @media (max-width: 768px) {
      .hero h1 {
        font-size: 2.5rem;
      }
    }

    .hero p.lead {
      font-size: 1.2rem;
      color: var(--muted);
    }

    .glass-card {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: var(--radius-lg);
      padding: 28px;
      box-shadow: var(--shadow-md);
      transition: var(--transition);
      height: 100%;
    }

    .glass-card:hover {
      box-shadow: var(--shadow-lg);
      background: rgba(255, 255, 255, 0.95);
      border-color: rgba(28, 34, 124, 0.2);
    }

    .icon-badge {
      width: 48px;
      height: 48px;
      border-radius: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(28, 34, 124, 0.1);
      border: 1px solid rgba(28, 34, 124, 0.2);
      color: var(--accent);
      font-size: 1.3rem;
      flex-shrink: 0;
    }

    .hero-card {
      border: 1px solid rgba(255,255,255,0.6);
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(12px);
      border-radius: var(--radius-xl);
      padding: 20px;
      box-shadow: var(--shadow-lg);
    }

    .hero-img {
      width: 100%;
      height: clamp(280px, 48vh, 480px);
      object-fit: cover;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,0.5);
    }

    /* --- HERO IMG ORDER FIX (solo mobile) ---
       En mobile: imagen debajo del párrafo y botones debajo de la imagen.
       En desktop: se mantiene a la derecha. */
    .hero-img-wrap--mobile{ display:none; }
    .hero-img--mobile{ display:none; }
    .hero-img--desktop{ display:block; }

    @media (max-width: 991px){
      .hero-img-wrap--mobile{ display:block; margin: 14px 0 18px; }
      /* En mobile: mostrar la imagen completa (sin recorte) */
      .hero-img--mobile{
        display:block;
        width:100%;
        height:auto;
        object-fit: contain;
        border-radius: 24px;
        border: 1px solid rgba(255,255,255,0.5);
      }
      .hero-img--desktop{ display:none; }
    }

    /* Badges de hero */
    .badge-custom {
      background: rgba(255,255,255,0.7);
      backdrop-filter: blur(4px);
      border: 1px solid rgba(28, 34, 124,0.2);
      color: var(--text);
      font-weight: 600;
      padding: 8px 16px;
      border-radius: 100px;
      font-size: 0.8rem;
    }

    /* ---------- CARDS DE SERVICIOS Y OTROS (MEJORADAS) ---------- */
    .service-card {
      background: white;
      border-radius: 28px;
      padding: 32px 24px;
      border: 1px solid var(--border);
      transition: var(--transition);
      height: 100%;
      box-shadow: var(--shadow-sm);
    }

    .service-card:hover {
      border-color: rgba(28, 34, 124, 0.25);
      box-shadow: var(--shadow-lg);
      transform: translateY(-6px);
    }

    .service-card .icon-badge {
      margin-bottom: 20px;
    }

    .service-card h3, .service-card h4 {
      font-weight: 680;
      margin-bottom: 12px;
    }

    /* ---------- GALERÍA ULTRA PREMIUM ---------- */
    .gal-gallery {
      background: transparent;
    }

    .gal-gallery .carousel {
      max-width: 1000px;
      margin: 0 auto;
      border-radius: 36px;
    }

    .gal-frame {
      height: clamp(260px, 54vh, 520px);
      background: white;
      border-radius: 32px;
      overflow: hidden;
      box-shadow: var(--shadow-lg);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px;
      border: 1px solid rgba(255,255,255,0.4);
    }

    .gal-img {
      width: auto !important;
      max-width: 96%;
      height: auto !important;
      max-height: 94%;
      object-fit: contain;
      border-radius: 20px;
      transition: transform 0.3s ease;
      cursor: zoom-in;
    }

    .gal-img:hover {
      transform: scale(1.01);
    }

    /* Controles circulares con glow */
    .gal-gallery .carousel-control-prev,
    .gal-gallery .carousel-control-next {
      width: 56px;
      height: 56px;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,0.5);
      border-radius: 50%;
      opacity: 0.95;
      margin: 0 20px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.06);
      transition: var(--transition);
    }

    .gal-gallery .carousel-control-prev:hover,
    .gal-gallery .carousel-control-next:hover {
      background: white;
      box-shadow: 0 12px 28px rgba(28, 34, 124,0.16);
      border-color: rgba(28, 34, 124,0.3);
    }

    .gal-gallery .carousel-control-prev-icon,
    .gal-gallery .carousel-control-next-icon {
      filter: invert(0.2) sepia(1) hue-rotate(150deg);
      width: 1.8rem;
      height: 1.8rem;
    }

    .gal-gallery .carousel-indicators {
      bottom: -50px;
    }

    .gal-gallery .carousel-indicators button {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: rgba(17,24,39,0.25);
      border: none;
      margin: 0 5px;
      transition: var(--transition);
    }

    .gal-gallery .carousel-indicators button.active {
      background: var(--accent);
      width: 24px;
      border-radius: 10px;
    }

    /* Lightbox */
    #galLightbox .modal-content {
      background: rgba(0,0,0,0.92);
      backdrop-filter: blur(12px);
    }

    .gal-lightbox-nav {
      background: rgba(255,255,255,0.14);
      border: 1px solid rgba(255,255,255,0.1);
      color: white;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      font-size: 2.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: var(--transition);
    }

    .gal-lightbox-nav:hover {
      background: rgba(255,255,255,0.24);
      border-color: rgba(255,255,255,0.2);
    }

    /* ---------- ACCORDION (FAQs) ---------- */
    .accordion-item {
      background: white;
      border: 1px solid var(--border);
      border-radius: 20px !important;
      margin-bottom: 16px;
      overflow: hidden;
      box-shadow: var(--shadow-sm);
    }

    .accordion-button {
      background: white;
      color: var(--text);
      font-weight: 680;
      font-size: 1.12rem;
      padding: 22px 28px;
      transition: var(--transition);
    }

    .accordion-button:not(.collapsed) {
      background: rgba(28, 34, 124,0.04);
      color: var(--accentDark);
    }

    .accordion-button:focus {
      box-shadow: none;
      border-color: rgba(28, 34, 124,0.3);
    }

    .accordion-body {
      padding: 8px 28px 28px 28px;
      color: var(--muted);
      font-size: 1.05rem;
    }

    /* ---------- FORMULARIO DE CONTACTO ---------- */
    .form-control, .form-select {
      border: 1px solid rgba(17,24,39,0.1);
      border-radius: 18px;
      padding: 14px 18px;
      font-size: 1rem;
      background: white;
      transition: var(--transition);
    }

    .form-control:focus, .form-select:focus {
      border-color: var(--accent);
      box-shadow: 0 0 0 4px rgba(28, 34, 124,0.1);
    }

    .form-label {
      font-weight: 620;
      color: var(--text);
      margin-bottom: 6px;
      font-size: 0.92rem;
    }

    /* ---------- CONTACT CARD ---------- */
    .contact-card .mini {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding: 18px 0;
      border-bottom: 1px solid rgba(17,24,39,0.05);
    }

    .contact-card .mini:last-child {
      border-bottom: none;
    }

    .contact-card a {
      color: var(--text);
      font-weight: 500;
      transition: var(--transition);
    }

    .contact-card a:hover {
      color: var(--accent);
    }

    /* ---------- FOOTER (SOLIDO + ALTO CONTRASTE) ---------- */
footer{
  background: #1c227c;
  color: #ffffff;
  border-top: none;
  padding: 64px 0 40px;
}

footer a{
  color: rgba(255,255,255,0.88);
  font-weight: 550;
  transition: var(--transition);
}

footer a:hover{
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

footer .footer-note{
  color: rgba(255,255,255,0.82);
  font-size: 0.95rem;
}

footer .divider{
  border-top: 1px solid rgba(255,255,255,0.18);
}

/* Botones en footer: outline blanco */
footer .btn-soft{
  background: transparent;
  border: 1px solid rgba(255,255,255,0.30);
  color: #ffffff;
}

footer .btn-soft:hover{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.45);
  transform: translateY(-1px);
  box-shadow: none;
}

footer .btn-soft i{
  color: #ffffff;
}

.footer-brand{
  font-weight: 750;
  letter-spacing: -0.03em;
  color: #ffffff;
}

/* ---------- RESPONSIVE PERFECTO ---------- */
    @media (max-width: 991px) {
      section {
        padding: 80px 0;
      }
      .navbar-brand {
        font-size: 1.4rem;
      }
    }

    @media (max-width: 767px) {
      .glass-card, .service-card {
        padding: 24px;
      }
      .hero {
        padding-top: 120px;
      }
    }

    /* Scrollbar personalizada (detalle pro) */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    ::-webkit-scrollbar-track {
      background: rgba(17,24,39,0.02);
    }

    ::-webkit-scrollbar-thumb {
      background: rgba(28, 34, 124,0.25);
      border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: rgba(28, 34, 124,0.45);
    }
    .brand-logo {
  width: 40px;   /* podés ajustar tamaño */
  height: 40px;
  object-fit: contain;
}

  

/* ---------- FIX CONTROLES GALERÍA (#trabajos): AZUL ACCENT ---------- */
/* Círculo/botón en azul (accent) + flechas blancas para buen contraste */
.gal-gallery .carousel-control-prev,
.gal-gallery .carousel-control-next{
  background: linear-gradient(135deg, var(--accent), var(--accentDark)) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  box-shadow: 0 14px 36px rgba(28, 34, 124, 0.30) !important;
  opacity: 1 !important;
}
.gal-gallery .carousel-control-prev:hover,
.gal-gallery .carousel-control-next:hover{
  filter: brightness(1.05);
  box-shadow: 0 18px 46px rgba(28, 34, 124, 0.40) !important;
  transform: translateY(-50%) scale(1.02);
}

/* Reemplazo de íconos Bootstrap por SVG blanco (sin filtros raros) */
.gal-gallery .carousel-control-prev-icon,
.gal-gallery .carousel-control-next-icon{
  width: 1.75rem !important;
  height: 1.75rem !important;
  background-size: 100% 100% !important;
  filter: none !important;
}
.gal-gallery .carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
.gal-gallery .carousel-control-next-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* En mobile, evitar que se encimen demasiado */
@media (max-width: 576px){
  .gal-gallery .carousel-control-prev,
  .gal-gallery .carousel-control-next{
    margin: 0 10px !important;
    width: 50px;
    height: 50px;
  }
}


/* ---------- FIX MOBILE OVERFLOW (no más scroll horizontal) ---------- */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
img, svg, video, canvas{
  max-width:100%;
}

/* Asegurar que controles del carrusel no "empujen" el layout */
.gal-gallery .carousel{
  overflow:hidden;
}
.gal-gallery .carousel-control-prev,
.gal-gallery .carousel-control-next{
  margin:0 !important;            /* evita overflow por margen */
}
.gal-gallery .carousel-control-prev{ left:12px !important; }
.gal-gallery .carousel-control-next{ right:12px !important; }

/* Navbar: ícono visible + estética */
.navbar-toggler{
  border:1px solid var(--border);
  border-radius:14px;
  padding:8px 10px;
}
.navbar-toggler:focus{
  box-shadow:none;
}
.navbar-light .navbar-toggler-icon{
  /* usa la imagen de Bootstrap (se activa con navbar-light) */
  background-image: var(--bs-navbar-toggler-icon-bg);
}

/* ===== INLINE <style> BLOCK #2 ===== */
/* Colores oficiales WhatsApp */
:root{
  --wa-green:#25D366;
  --wa-dark:#128C7E;
  --wa-bg:#ffffff;
  --wa-border:#e6e6e6;
}

.wa-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  font-family:inherit;
}

.wa-btn{
  width:60px;
  height:60px;
  border-radius:50%;
  border:none;
  background:linear-gradient(135deg,var(--wa-green),var(--wa-dark));
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(37,211,102,.45);
  transition:transform .3s, box-shadow .3s;
}
.wa-btn:hover{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 14px 36px rgba(37,211,102,.55);
}

.wa-card{
  position:absolute;
  right:0;
  bottom:74px;
  width:min(360px,92vw);
  background:var(--wa-bg);
  border-radius:18px;
  border:1px solid var(--wa-border);
  box-shadow:0 18px 60px rgba(0,0,0,.25);
  overflow:hidden;
  transform:translateY(10px);
  opacity:0;
  transition:.3s;
}
.wa-card[aria-modal="true"]{ transform:none; opacity:1; }

.wa-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  background:linear-gradient(135deg,var(--wa-dark),var(--wa-green));
  color:#fff;
}

.wa-avatar{
  width:40px;
  height:40px;
  background:#fff;
  border-radius:10px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.wa-avatar img{ display:block; max-width:100%; height:auto; }

.wa-title{ font-weight:800; letter-spacing:-.02em; }
.wa-status{ font-size:.85rem; opacity:.95; }

.wa-close{
  margin-left:auto;
  border:none;
  background:transparent;
  color:#fff;
  font-size:24px;
  cursor:pointer;
  line-height:1;
}

.wa-body{
  padding:14px;
  max-height:40vh;
  overflow:auto;
  background:#f7f7f7;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.wa-bubble{
  max-width:88%;
  padding:10px 12px;
  border-radius:14px;
  font-size:.95rem;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.wa-bot{
  background:#ffffff;
  border:1px solid var(--wa-border);
  align-self:flex-start;
}
.wa-user{
  background:#DCF8C6; /* bubble verde WhatsApp */
  border:1px solid rgba(18,140,126,.20);
  align-self:flex-end;
}

.wa-compose{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:10px;
  border-top:1px solid var(--wa-border);
  background:#ffffff;
}
.wa-compose textarea{
  resize:none;
  border-radius:12px;
  padding:10px;
  border:1px solid var(--wa-border);
  font-family:inherit;
  outline:none;
}
.wa-send{
  background:linear-gradient(135deg,var(--wa-green),var(--wa-dark));
  color:#fff;
  border:none;
  border-radius:12px;
  padding:0 16px;
  cursor:pointer;
}
.wa-send:hover{ filter:brightness(1.05); }

@media(max-width:480px){
  .wa-card{ width:calc(100vw - 24px); }
}

      

{
    "template": "consultoriogalaf.com.ar/index.html",
    "template_mtime": 1770830888,
    "template_mtime_human": "2026-02-11T17:28:08+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..800&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}