MIX · extractor de estilos
Template: ministeriofuegoenelaltar.com.ar/index.html · mtime: 2025-09-04 14:00
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 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: ministeriofuegoenelaltar.com.ar/index.html */
/* Template mtime: 2025-09-04 14:00:29 */

/* 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=Montserrat:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --primary: #6a3093;
      --primary-dark: #4a1c6d;
      --primary-light: #8e44ad;
      --accent: #ff9d00;
      --accent-light: #ffb74d;
      --dark: #0f172a;
      --dark-light: #1e293b;
      --light: #f8fafc;
      --light-bg: #f9f7fe;
      --text: #1e293b;
      --text-light: #64748b;
      --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
      --gradient-hero: linear-gradient(135deg, rgba(106, 48, 147, 0.92) 0%, rgba(74, 28, 109, 0.88) 100%);
      --gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
      --gradient-light: linear-gradient(to bottom right, var(--light-bg), #ffffff);
      --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
      --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      --radius-sm: 8px;
      --radius-md: 12px;
      --radius-lg: 16px;
      --radius-xl: 24px;
      --radius-2xl: 32px;
      --space-xs: 0.25rem;
      --space-sm: 0.5rem;
      --space-md: 1rem;
      --space-lg: 1.5rem;
      --space-xl: 2rem;
      --space-2xl: 3rem;
      --space-3xl: 4rem;
      --space-4xl: 6rem;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; font-size: 16px; }
    body {
      font-family: 'Montserrat', sans-serif;
      color: var(--text);
      line-height: 1.6;
      background-color: var(--light);
      overflow-x: hidden;
    }
    /* 🔒 Evitar desbordes de secciones que usan clip-path/animaciones */
    .hero, .section, footer { overflow-x: clip; }
    img, svg { max-width: 100%; height: auto; }

    h1, h2, h3, h4, h5, h6 { 
      font-family: 'Playfair Display', serif; 
      font-weight: 700; 
      line-height: 1.3;
    }
    .navbar-brand { font-family: 'Montserrat', sans-serif; font-weight: 700; }

    @keyframes fadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
    @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
    @keyframes glow { 0% { box-shadow: 0 0 5px rgba(255, 157, 0, 0.5); } 50% { box-shadow: 0 0 20px rgba(255, 157, 0, 0.8); } 100% { box-shadow: 0 0 5px rgba(255, 157, 0, 0.5); } }
    
    .animate-fadeIn { animation: fadeIn 1s ease forwards; }
    .animate-float { animation: float 6s ease-in-out infinite; }
    .animate-pulse { animation: pulse 3s ease infinite; }
    .animate-glow { animation: glow 4s ease infinite; }

    /* Navbar */
    .navbar {
      padding: 1.2rem 0;
      background: rgba(255, 255, 255, 0.98) !important;
      backdrop-filter: blur(12px);
      box-shadow: var(--shadow-sm);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .navbar.scrolled { padding: 0.7rem 0; box-shadow: var(--shadow-md); }
    .navbar-brand { font-size: 1.8rem; display: flex; align-items: center; position: relative; }
    .navbar-brand i { color: var(--primary); font-size: 2rem; margin-right: .5rem; t    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "ministeriofuegoenelaltar.com.ar/index.html",
    "template_mtime": 1756994429,
    "template_mtime_human": "2025-09-04T14:00:29+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=Montserrat:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap",
        "https://unpkg.com/[email protected]/dist/aos.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.css",
        "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}