Preview de mixed.css
/* MIXED CSS PACK */
/* Template: testin/index.php */
/* Template mtime: 2026-05-15 18:29:38 */
/* 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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Playfair+Display:wght@400;700&display=swap */
/* ===== INLINE <style> BLOCK #1 ===== */
:root{
--primary:#8f82ae; --primary-600:#7c6ca0; --primary-700:#6b5d90;
--dark:#1e293b; --muted:#64748b; --line:#e2e8f0; --bg:#f8fafc;
--radius:14px; --shadow:0 6px 18px rgba(2,8,23,.08); --shadow-lg:0 14px 32px rgba(2,8,23,.15);
--grad:linear-gradient(135deg, var(--primary) 0%, #5d89ff 100%);
}
*{box-sizing:border-box}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--dark);background:#fff;line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Playfair Display',serif}
/* NAVBAR */
.navbar-premium{background: rgba(17, 24, 39, .6);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.navbar-premium .navbar-brand{font-weight:700;letter-spacing:.2px;overflow:hidden}
.brand-img{height:28px}
.brand-text{display:block;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* BUSCADOR */
.search-wrap{background:var(--grad);color:#fff;padding:1.6rem 0 1.2rem;box-shadow:var(--shadow)}
.search-wrap .form-label{color:#fff;font-weight:600;margin-bottom:.35rem}
.search-wrap .form-select,.search-wrap .form-control{border:1px solid rgba(255,255,255,.4);color:#0f172a;background:#fff;border-radius:10px;height:44px}
.btn-theme{background:var(--primary);border:none;border-radius:12px;padding:.62rem 1rem;font-weight:600;box-shadow:var(--shadow);transition:.25s}
.btn-theme:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-lg)}
/* === HERO carrusel sin estirar === */
.hero{
min-height:48vh;
position:relative;
display:grid;
place-items:center;
overflow:hidden;
isolation:isolate;
background:none !important; /* quitamos el fallback con fixed */
}
/* pista y slide */
.hero__slides{ position:absolute; inset:0; z-index:0; }
.hero__slide{ position:absolute; inset:0; opacity:0; transition:opacity .9s ease; }
.hero__slide.is-active{ opacity:1; }
/* imagen que nunca se deforma */
/* ocupa TODO el hero y no se deforma */
.hero__img{
width:100%;
height:100%;
display:block;
object-fit:cover; /* llena recortando si hace falta */
background:transparent;
}
/* solo si querés ver la foto completa con bandas */
.hero--contain .hero__img{
object-fit:contain;
background:#000;
}
/* el slide de atrás rellena todo */
.hero--contain .hero__slide{
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
/* la imagen principal va en contain, pero SIN fondo negro */
.hero--contain .hero__img{
width:100%;
height:100%;
display:block;
object-fit:contain;
background:transparent; /* ← antes estaba #000, eso generaba las bandas */
}
/* overlay y contenido */
.hero::after{
content:''; position:absolute; inset:0; z-index:1;
background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.25) 40%, rgba(0,0,0,.55));
}
.hero-inner{ position:relative; z-index:2; text-align:center; color:#fff; padding:2.6rem 1rem; }
/* mobile */
@media (max-width:992px){
.hero{ min-height:36vh; }
}
/* SECCIONES Y CARDS */
.section{padding: clamp(2rem, 5vw, 5rem) 0}
.section-title{position:relative;display:inline-block;margin-bottom:1rem}
.section-title::after{content:'';position:a /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "testin/index.php",
"template_mtime": 1778869778,
"template_mtime_human": "2026-05-15T18:29:38+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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css",
"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Playfair+Display:wght@400;700&display=swap"
],
"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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css",
"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Playfair+Display:wght@400;700&display=swap"
],
"css_links_embedded": [],
"inline_style_blocks": 2,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}