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 ... */
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": []
}