• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css
• https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap

/* MIXED CSS PACK */
/* Template: herreriaelpela.com.ar/index.html */
/* Template mtime: 2025-11-10 13:50:30 */

/* 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.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ===== FIX HERO EN PHONE ===== */
  @media (max-width: 576px){
    /* Títulos y párrafos más legibles y sin cortes raros */
    header.section-hero h1.display-5{
      font-size: clamp(1.55rem, 7vw, 1.95rem) !important;
      line-height: 1.15 !important;
      letter-spacing: normal !important;
      word-spacing: normal !important;
    }
    header.section-hero .lead{
      font-size: clamp(.98rem, 3.7vw, 1.06rem) !important;
      line-height: 1.35 !important;
      letter-spacing: normal !important;
      word-spacing: normal !important;
      text-align: left !important;
    }
  
    /* Lista con tilde: SIN d-flex, sin sangrías absurdas, wraps prolijos */
    header.section-hero .hero-bullets{
      display: block !important;               /* anula d-flex heredado */
      list-style: none !important;
      padding-left: 0 !important;
      margin: 0 0 1rem 0 !important;
      justify-content: initial !important;     /* por si quedó algo suelto */
      text-wrap: pretty;                        /* cortes lindos */
    }
    header.section-hero .hero-bullets li{
      display: flex !important;
      align-items: flex-start !important;
      gap: .5rem !important;
      margin: .38rem 0 !important;
      line-height: 1.35 !important;
      letter-spacing: normal !important;
      word-spacing: normal !important;
      white-space: normal !important;          /* evita estirar palabras */
      flex-wrap: wrap !important;              /* permite bajar a 2 líneas */
      text-align: left !important;
    }
    header.section-hero .hero-bullets li::before{
      content: "✓";
      flex: 0 0 auto;
      margin-top: .08rem;
      font-weight: 700;
      font-size: 1rem;
      color: var(--brand, #1e6bff);
    }
  
    /* Imagen del hero: SIEMPRE completa, sin recorte */
    header.section-hero .hero-media{
      display: grid !important;
      place-items: center !important;
      padding: 12px !important;
      min-height: 230px !important;
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0 10px 30px rgba(0,0,0,.06);
      overflow: visible !important;
    }
    header.section-hero .hero-media img{
      width: 100% !important;
      height: auto !important;                 /* respeta proporción */
      max-height: 280px !important;            /* limita altura en phone */
      object-fit: contain !important;          /* NO recorta */
      object-position: center !important;
      display: block !important;
    }
  }

/* ===== INLINE <style> BLOCK #2 ===== */
:root {
      --brand: #0d6efd;
      --brand-600: #0b5ed7;
      --brand-500: #3d8bfd;
      --brand-400: #6ea8fe;
      --brand-50: #e7f1ff;
      --text: #0b1320;
      --text-light: #4a5568;
      --muted: #6c757d;
      --surface: #ffffff;
      --surface-2: #f5f7fb;
      --surface-3: #e9ecef;
      --radius: 1rem;
      --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.12);
      --gradient: linear-gradient(135deg, var(--brand) 0%, var(--brand-500) 100%);
      --gradient-light: linear-gradient(135deg, var(--brand-50) 0%, #f8f9fa 100%);
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      font-family: 'Inter', sans-serif;
      background: #fff;
      color: var(--text);
      scroll-behavior: smooth;
      line-height: 1.6;
      overflow-x: hidden;
       /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "herreriaelpela.com.ar/index.html",
    "template_mtime": 1762782630,
    "template_mtime_human": "2025-11-10T13:50:30+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.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;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.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 7,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}