MIX · extractor de estilos
Template: lagarpropiedades.com/index.php · mtime: 2026-03-20 15:40
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 Inline styles: 2 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: lagarpropiedades.com/index.php */
/* Template mtime: 2026-03-20 15:40:24 */

/* 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    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "lagarpropiedades.com/index.php",
    "template_mtime": 1774021224,
    "template_mtime_human": "2026-03-20T15:40:24+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": []
}