MIX · extractor de estilos
Template: martinamoralesseguros.com/index.html · mtime: 2025-10-16 14:21
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 Inline styles: 3 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: martinamoralesseguros.com/index.html */
/* Template mtime: 2025-10-16 14:21:52 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Playfair+Display:wght@800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root{
  --brand:#243c84; --brand2:#4c72d8; --accent:#d60064;
  --text:#0b1220; --muted:#64748b; --soft:#f7f9fb;
  --radius:16px; --radius-lg:22px; --line:#e9eef4;
  --shadow:0 10px 30px rgba(15,23,42,.08); --shadow2:0 16px 48px rgba(15,23,42,.12);
}

/* base */
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4{font-weight:800;line-height:1.2}
.display-title{font-family:'Playfair Display',serif}

/* navbar */
.navbar{--bs-navbar-padding-y:1rem;background:rgba(15,23,42,.08);backdrop-filter:saturate(160%) blur(10px);transition:.3s}
.navbar.scrolled{background:rgba(15,23,42,.96);box-shadow:0 6px 24px rgba(0,0,0,.15)}
.navbar-brand{color:#fff;font-weight:900}.navbar-brand span{color:var(--accent)}
.nav-link{color:#fff!important;font-weight:600}

/* hero */
#hero{min-height:78vh;display:flex;align-items:center;color:#fff;position:relative;background:
linear-gradient(135deg, rgba(36,60,132,.92) 0%, rgba(76,114,216,.82) 100%),
url('img/hero-seguros.jpg') center 35%/cover no-repeat}
#hero:after{content:'';position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(to top,#fff,transparent)}
.hero-eyebrow{display:inline-block;background:rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:999px;font-weight:700;margin-bottom:.8rem}
.hero-title{font-size:clamp(2.4rem,6vw,4rem)}
.hero-sub{max-width:780px;color:#eef3ff}
.btn-brand{background:var(--accent);border:none;color:#fff;font-weight:800;border-radius:12px;padding:.9rem 1.4rem;box-shadow:var(--shadow)}
.btn-brand:hover{filter:brightness(.95)}

/* sections */
.section{padding:84px 0}
.section-title{font-size:clamp(2rem,5vw,3rem);position:relative;display:inline-block;margin-bottom:.8rem}
.section-title:after{content:'';position:absolute;left:0;bottom:-10px;width:60px;height:4px;background:var(--accent);border-radius:3px}
.sub{color:var(--muted);max-width:900px}

/* service cards (texto izq, carrusel der) */
.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.6rem}
.service-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}
@media(max-width:992px){ .service-grid{grid-template-columns:1fr;gap:16px} }

.pill{display:inline-block;background:linear-gradient(135deg,#243c84,#4c72d8);color:#fff;border-radius:999px;padding:.42rem .85rem;font-weight:700;font-size:.82rem;margin-bottom:.6rem}
.service-card h3{font-size:1.35rem;margin:.2rem 0 .6rem}
.service-card ul{margin:0 0 .6rem 1.1rem}
.service-card li::marker{color:var(--accent)}
.mini{font-size:.95rem;color:#334155;border-top:1px dashed var(--line);padding-top:.8rem;margin-top:.4rem}

/* carousel PRO: sin dots, cover, fade, barra de progreso y contador */
.carousel-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#fff;position:relative}
.carousel.carousel-fade .carousel-item{transition:opacity .55s ease-in-out}
/* IMÁGENES DEL CARRUSEL: que NO recorten texto */
.carousel-img{
  width: 100%;
  height: 430px;             /* podés bajar/subir este alto si querés */
  object-fit: contain;       /* << clave: no recorta, muestra completa */
  object-position: center;
  background: #f    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "martinamoralesseguros.com/index.html",
    "template_mtime": 1760624512,
    "template_mtime_human": "2025-10-16T14:21:52+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css",
        "https://unpkg.com/[email protected]/dist/aos.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Playfair+Display:wght@800&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css",
        "https://unpkg.com/[email protected]/dist/aos.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Playfair+Display:wght@800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}