MIX · extractor de estilos
Template: estudio-nb.com.ar/index.html · mtime: 2025-11-13 19:34
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 Inline styles: 16 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: estudio-nb.com.ar/index.html */
/* Template mtime: 2025-11-13 19:34:27 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Domine:wght@400;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap */
/* 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://unpkg.com/[email protected]/dist/aos.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root{
      /* Paleta premium refinada */
      --brand:       #0f1f2a;   /* azul petróleo elegante */
      --brand-2:     #0a3643;   /* variante para detalles */
      --accent:      #c8a971;   /* bronce premium */
      --accent-dark: #a98854;
      --accent-light: #e8d9b9;
      --cream:       #fffdf8;   /* fondo principal */
      --paper:       #f7f2ea;   /* secciones */
      --ink:         #201a16;   /* texto principal */
      --muted:       #74695f;   /* texto secundario */
      --line:        #e5dcca;   /* bordes suaves */
      --shadow:      0 12px 28px rgba(16,18,22,.10);
      --shadow-lg:   0 24px 48px rgba(16,18,22,.12);
      --radius:      16px;
      --radius-lg:   22px;
      --t:           all .3s ease;
    }

    html{scroll-behavior:smooth; scroll-padding-top:80px}
    body{font-family:'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--cream); color:var(--ink); line-height:1.7; overflow-x:hidden}
    h1,h2,h3,h4,h5{font-family:'Domine', Georgia, serif; color:var(--brand); letter-spacing:-.02em}
    .text-muted{color:var(--muted)!important}

    /* Animaciones personalizadas */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    .animate-fadeInUp { animation: fadeInUp 0.8s ease-out forwards; }
    .animate-float { animation: float 3s ease-in-out infinite; }

    /* NAVBAR mejorada */
    .navbar{position:sticky; top:0; z-index:1030; padding:1rem 0; background:rgba(255,255,255,.95); backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid var(--line); transition:var(--t); box-shadow:0 4px 20px rgba(0,0,0,0.05)}
    .navbar.scrolled{background:rgba(255,255,255,.98); box-shadow:0 8px 30px rgba(0,0,0,0.08)}
    .navbar-brand{font-family:'Domine', Georgia, serif; font-weight:700; color:var(--brand); font-size:1.5rem}
    .nav-link{color:var(--brand); font-weight:600; position:relative; padding:.5rem 1rem!important; border-radius:12px; transition:var(--t)}
    .nav-link:before{content:''; position:absolute; left:50%; bottom:6px; width:0; height:2px; background:var(--accent); transform:translateX(-50%); transition:var(--t); border-radius:2px}
    .nav-link:hover,.nav-link.active{color:var(--brand-2)}
    .nav-link:hover:before,.nav-link.active:before{width:60%}
    .navbar-toggler{border:none; box-shadow:none!important}
    .navbar-toggler:focus{box-shadow:none}

    /* HERO espectacular */


    .hero-content{position:relative; z-index:2}

    .eyebrow{display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.85rem; padding:.45rem .9rem; border-radius:999px; background:var(--accent-light); color:var(--accent-dark); margin-bottom:1rem; box-shadow:0 4px 12px rgba(200,169,113,.15)}
    .btn-brand{background:linear-gradient(135deg,var(--accent-dark),var(--accent)); color:#fff; border:none; box-shadow:0 10px 26px rgba(200,169,113,.35); position:relative; overflow:hidden; z-index:1; transition:var(--t)}
    .btn-brand:before{content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(2    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "estudio-nb.com.ar/index.html",
    "template_mtime": 1763062467,
    "template_mtime_human": "2025-11-13T19:34:27+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Domine:wght@400;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Domine:wght@400;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 16,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}