MIX · extractor de estilos
Template: asdsadasds.com.ar/index.html · mtime: 2026-03-30 15:25
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 1 Embebidos: 0 Externos: 1 Inline styles: 6 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: asdsadasds.com.ar/index.html */
/* Template mtime: 2026-03-30 15:25:35 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
/* Only change the font stack; keep everything else intact */
  body{font-family:'Outfit', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;}
  h1,h2,h3,h4,h5,h6,.brand,.navbar-brand{font-family:'Outfit', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;}
  /* Ícono junto a la marca */
.navbar .brand-icon{
  height: 28px; width: 28px; /* mantiene proporción con width/height del tag */
  object-fit: contain; display: block;
}

/* Ajuste responsive si querés un poco más chico en phone */
@media (max-width: 576px){
  .navbar .brand-icon{ height: 24px; width: 24px; }
}

/* ===== INLINE <style> BLOCK #2 ===== */
.portrait{ aspect-ratio: 4 / 5; }
    .portrait img{ height: 100%; width: 100%; object-fit: cover; }

/* ===== INLINE <style> BLOCK #3 ===== */
/* ===== Ticker ===== */
    .ticker-wrap{
      width: 100vw; margin-left: 50%; transform: translateX(-50%);
      --alto: min(42vh, 360px); /* altura del ticker: se ven grandes sin recortar */
      --gap: 14px; --vel: 36s;
      position: relative; overflow: hidden;
    }
    .ticker{
      display: flex; align-items: center; gap: var(--gap);
      width: max-content; padding: 4px var(--gap);
      animation: ticker-scroll var(--vel) linear infinite;
    }
    .ticker:hover{ animation-play-state: paused; } /* pausa al hover */
    .ticker::before, .ticker::after{
      content:""; position:absolute; top:0; bottom:0; width:80px; pointer-events:none;
    }
    /* Fade edges (ajustá color si tu fondo no es oscuro) */
    .ticker::before{ left:0; background: linear-gradient(to right, rgba(0,0,0,.25), rgba(0,0,0,0)); }
    .ticker::after{ right:0; background: linear-gradient(to left, rgba(0,0,0,.25), rgba(0,0,0,0)); }
  
    .ticker .item{
      display:block; flex: 0 0 auto; border-radius: 14px; overflow: hidden;
      box-shadow: var(--shadow-lg, 0 6px 24px rgba(0,0,0,.18));
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .ticker .item:hover{ transform: translateY(-2px); box-shadow: 0 10px 36px rgba(0,0,0,.28); }
    .ticker img{
      height: var(--alto); width: auto; display:block; object-fit: contain; /* sin recorte */
      background: rgba(255,255,255,.04);
    }
    @keyframes ticker-scroll{
      from{ transform: translateX(0); }
      to{ transform: translateX(-50%); } /* como duplicamos pista, -50% cierra el loop */
    }
    @media (max-width: 576px){
      .ticker-wrap{ --alto: 42vh; --vel: 28s; --gap: 10px; }
    }
  
    /* ===== Lightbox modal ===== */
    #lightboxModal .modal-content{ border:0; background:#000; }
    #lightboxModal .lightbox-prev,
    #lightboxModal .lightbox-next{
      position:absolute; top:50%; transform:translateY(-50%);
      background: rgba(255,255,255,.16); color:#fff; border:0;
      width:52px; height:68px; border-radius:.8rem; font-size:2rem; line-height:1;
      display:flex; align-items:center; justify-content:center; cursor:pointer;
      transition: background .2s ease;
    }
    #lightboxModal .lightbox-prev:hover,
    #lightboxModal .lightbox-next:hover{ background: rgba(255,255,255,.28); }
    #lightboxModal .lightbox-prev{ left:12px; }
    #lightboxModal .lightbox-next{ right:12px; }
    /* Fallback (cuando no hay Bootstrap): estilos para backdrop */
    .modal-backdrop.fallback{ position: fixed; inset: 0; background: rgba(0,0,0,.5); }

/* ===== INLINE <style> BLOCK #4 ===== */
.brandline-icon{
  width:22px; height:22px; object-fit:contain; display:block;
}
/* si el fondo es muy oscuro y el ícono también */
.footer-dark .brandline-icon{ border-radius:6px; background:rgba(255,255,255,.06); }
@media    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "asdsadasds.com.ar/index.html",
    "template_mtime": 1774884335,
    "template_mtime_human": "2026-03-30T15:25:35+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 6,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}