MIX · extractor de estilos
Template: kilmestravel.com.ar/index.php · mtime: 2026-02-05 11:18
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 2 Embebidos: 0 Externos: 2 Inline styles: 4 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: kilmestravel.com.ar/index.php */
/* Template mtime: 2026-02-05 11:18:22 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ====== SECCIONES PRO: INFO / TRANSPORTE / CONTACTO ====== */
.section-slab{
  background: #fff;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.section-slab::before{
  content:"";
  position:absolute; inset:-200px -200px auto -200px;
  height: 360px;
  background: radial-gradient(closest-side at 20% 40%, rgba(242,82,30,.12), transparent 70%);
  pointer-events:none;
}
.section-slab::after{
  content:"";
  position:absolute; inset:auto -200px -220px -200px;
  height: 420px;
  background: radial-gradient(closest-side at 80% 60%, rgba(15,23,42,.06), transparent 70%);
  pointer-events:none;
}
.section-inner{ position: relative; z-index: 1; }

.section-head{
  display:flex; flex-direction:column; gap:10px;
  margin-bottom: 22px;
}
.section-head.center{ text-align:center; align-items:center; }
.section-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
}
.section-title{
  font-size: 2.05rem;
  line-height: 1.12;
  letter-spacing: -0.04em;
}
.section-subtitle{
  color: var(--text-muted);
  max-width: 62ch;
  font-size: 1.03rem;
}

/* INFO */
.info-pro{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: stretch;
}
.info-panel{
  padding: 26px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
}
.kpi-row{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 18px;
}
.kpi{
  border:1px solid var(--border);
  background:#fff;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 10px 18px rgba(15,23,42,.04);
}
.kpi .k{
  font-weight: 900;
  letter-spacing:-.02em;
}
.kpi .v{
  margin-top: 2px;
  font-size: .88rem;
  color: var(--text-muted);
}

.feature-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.feature-pro{
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 14px 28px rgba(15,23,42,.05);
  display:flex;
  gap: 12px;
  align-items:flex-start;
}
.icon-badge{
  width: 40px; height: 40px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: var(--primary-light);
  border: 1px solid rgba(242,82,30,.18);
  flex: 0 0 auto;
}
.icon-badge svg{ width: 20px; height: 20px; fill: var(--primary); }
.feature-pro b{ display:block; font-weight: 900; margin: 1px 0 4px; }
.feature-pro span{ display:block; font-size: .90rem; color: var(--text-muted); line-height:1.45; }

/* TRANSPORTE */
.transport-pro{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 24px;
  align-items: start;
}
.transport-side{
  padding: 22px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(242,82,30,.08), rgba(255,255,255,.92));
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
}
.transport-side .chip-row{
  display:flex; flex-wrap:wrap; gap: 8px; margin-top: 12px;
}
.chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(226,232,240,.9);
  background: rgba(255,255,255,.82);
  font-weight: 900;
  font-size: .9rem;
  color: var(--text-main);
}
.chip svg{ width:16px; height:16px; fill: var(--primary); }

.transport-card{
  padding: 22px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #fff;
  box-shad    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "kilmestravel.com.ar/index.php",
    "template_mtime": 1770290302,
    "template_mtime_human": "2026-02-05T11:18:22+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 4,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}