MIX · extractor de estilos
Template: vargasservicioselectricos.com.ar/index.html · mtime: 2026-01-23 13:00
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 5 Embebidos: 0 Externos: 5 Inline styles: 3 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: vargasservicioselectricos.com.ar/index.html */
/* Template mtime: 2026-01-23 13:00:19 */

/* 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=Montserrat:wght@700;800;900&family=Inter:wght@300;400;500;600;700&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ================== GALLERY (FIX COMPLETO) ================== */
.gallery-section{
  background: var(--white);
}

/* contenedor */
#galleryCarousel.gallery-carousel{
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  background: #fff;
}

/* alto del slide */
#galleryCarousel .carousel-item{
  height: 520px;
  background: #fff;
}

/* ✅ imagen completa (SIN recorte) */
#galleryCarousel .carousel-item img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;  /* clave: no corta */
  object-position: center;
  display: block;
  background: #fff;
}

/* Flechas: SIEMPRE visibles y con contraste */
#galleryCarousel .carousel-control-prev,
#galleryCarousel .carousel-control-next{
  width: 54px;
  height: 54px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1 !important;               /* nada de opacity 0 */
  background: rgba(0,0,0,0.55);
  border-radius: 50%;
  z-index: 10;
}

/* Para que no “tapen” todo el carrusel */
#galleryCarousel .carousel-control-prev,
#galleryCarousel .carousel-control-next{
  bottom: auto !important;
}

#galleryCarousel .carousel-control-prev:hover,
#galleryCarousel .carousel-control-next:hover{
  background: rgba(0,0,0,0.75);
}

/* Indicadores */
#galleryCarousel .carousel-indicators{
  margin-bottom: 1rem;
}
#galleryCarousel .carousel-indicators button{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--gray-300);
  margin: 0 6px;
  opacity: 1;
}
#galleryCarousel .carousel-indicators button.active{
  background-color: var(--secondary);
}

/* Responsive */
@media (max-width: 768px){
  #galleryCarousel .carousel-item{ height: 320px; }
}
@media (max-width: 576px){
  #galleryCarousel .carousel-item{ height: 260px; }
}

  /* fuerza el eyebrow arriba del título */
.eyebrow{
  display: block;          /* antes inline-block */
  width: fit-content;      /* que no se estire */
  margin: 0 auto 1rem;     /* centrado + separación */
}
/* Eyebrow SIEMPRE arriba y centrado */
.text-center .eyebrow{
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  margin: 0 0 1rem 0;
}

    :root {
      --primary: #0a2b4a;
      --primary-light: #1a3b5a;
      --primary-dark: #061d35;
      --secondary: #1e88e5;
      --success: #25d366;
      --accent: #ff9800;
      --dark-bg: #0b1220;
      --light-bg: #f8fafc;
      --white: #ffffff;
      --gray-100: #f3f4f6;
      --gray-200: #e5e7eb;
      --gray-300: #d1d5db;
      --gray-600: #4b5563;
      --gray-700: #374151;
      --gray-900: #111827;
      
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --radius-xl: 32px;
      --radius-full: 999px;
      
      --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
      --shadow-md: 0 8px 30px rgba(0,0,0,0.08);
      --shadow-lg: 0 20px 60px rgba(0,0,0,0.12);
      --shadow-xl: 0 30px 80px rgba(0,0,0,0.15);
      
      --transition-fast: 0.2s ease;
      --transition-base: 0.3s ease;
      --transition-slow: 0.5s ease;
      
      --font-heading: 'Montserrat', sans-serif    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "vargasservicioselectricos.com.ar/index.html",
    "template_mtime": 1769173219,
    "template_mtime_human": "2026-01-23T13:00:19+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=Montserrat:wght@700;800;900&family=Inter:wght@300;400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
    ],
    "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=Montserrat:wght@700;800;900&family=Inter:wght@300;400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}