/*
 * HOME / 01_hero - CSS legacy extraido
 * Origen: astra-child/style.css activo.
 * Estado: espejo documental desconectado. No se carga en produccion.
 * Fecha: 2026-07-24.
 *
 * Nota: este archivo consolida la cascada actual del Hero. No elimina ni
 * sustituye reglas del style.css global.
 */

/* Dependencias visuales compartidas que el Hero usa actualmente. */
.dacar-home-v2 {
    --dacar-ink: #111827;
    --dacar-muted: #56616f;
    --dacar-cream: #f7f1e8;
    --dacar-paper: #fffaf4;
    --dacar-blue: #2457ff;
    --dacar-line: rgba(17,24,39,.12);
    color: var(--dacar-ink);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dacar-home-v2 h1,
.dacar-home-v2 h2,
.dacar-home-v2 h3 {
    color: var(--dacar-ink);
    letter-spacing: 0;
    line-height: 1.03;
}

.dacar-home-v2 p {
    color: var(--dacar-muted);
    line-height: 1.68;
}

.dacar-wrap {
    max-width: 1160px;
    margin: 0 auto;
}

.dacar-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.dacar-btn,
.dacar-btn-outline {
    align-items: center;
    border: 1px solid rgba(0, 91, 255, .72) !important;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 48px;
    padding: 13px 20px;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.dacar-btn {
    background: rgba(0, 91, 255, .10) !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}

.dacar-btn-outline {
    background: transparent !important;
    border-color: rgba(0, 91, 255, .72) !important;
    color: var(--dacar-ink) !important;
}

.dacar-home-v2 .dacar-btn:hover,
.dacar-home-v2 .dacar-btn:focus-visible,
.dacar-home-v2 .dacar-btn-outline:hover,
.dacar-home-v2 .dacar-btn-outline:focus-visible {
    background: #005BFF !important;
    border-color: #005BFF !important;
    box-shadow: 0 16px 34px rgba(0, 91, 255, .30) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

.dacar-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.dacar-pill {
    background: rgba(255,255,255,.64);
    border: 1px solid var(--dacar-line);
    border-radius: 999px;
    color: #263240;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 11px;
}

.dacar-home-v2 .dacar-pill {
    border-color: rgba(0, 91, 255, .40) !important;
}

.dacar-home-v2 .dacar-btn,
.dacar-home-v2 .dacar-btn-outline,
.dacar-home-v2 .dacar-pill {
    border-width: 2px !important;
}

/* Ajuste de contenedor de la Home asociado al arranque del Hero. */
body.page-id-4 #content.site-content,
body.page-id-4 .site-content,
body.page-id-4 .ast-container,
body.page-id-4 #primary,
body.page-id-4 #main,
body.page-id-4 article#post-4,
body.page-id-4 .entry-content,
body.page-id-4 .wp-block-post-content,
body.page-id-4 .dacar-home-v2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-id-4 .entry-header,
body.page-id-4 .entry-title {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-4 .entry-content {
    margin-block-start: 0 !important;
}

body.page-id-4 .entry-content > .dacar-home-v2:first-child,
body.page-id-4 .dacar-home-v2 > .dacar-hero:first-child {
    margin-top: 0 !important;
}

body.page-id-4 .dacar-home-v2 {
    border-top: 5px solid #F4EFE8 !important;
}

body.page-id-4 .dacar-home-v2 > .dacar-hero {
    margin-bottom: 0 !important;
}

/* Hero principal. */
.dacar-home-v2 .dacar-hero {
    background:
        radial-gradient(circle at 18% 12%, rgba(0, 91, 255, .26), transparent 28%),
        radial-gradient(circle at 82% 24%, rgba(0, 212, 255, .13), transparent 24%),
        linear-gradient(135deg, #0B0F19 0%, #0D1322 54%, #070A12 100%) !important;
    border-top: 1px solid rgba(0, 91, 255, .24);
    overflow: hidden;
    padding: 86px 24px 62px !important;
    position: relative;
}

.dacar-home-v2 .dacar-hero::before {
    background-image:
        linear-gradient(rgba(148, 163, 184, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .06) 1px, transparent 1px);
    background-size: 46px 46px;
    content: "";
    inset: 0;
    opacity: .34;
    pointer-events: none;
    position: absolute;
}

.dacar-home-v2 .dacar-hero::after {
    background: linear-gradient(180deg, rgba(11, 15, 25, 0) 0%, rgba(11, 15, 25, .78) 100%);
    bottom: 0;
    content: "";
    height: 160px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.dacar-home-v2 .dacar-hero .dacar-wrap {
    position: relative;
    z-index: 1;
}

.dacar-home-v2 .dacar-hero-grid {
    align-items: start !important;
    display: grid;
    gap: clamp(48px, 7vw, 88px) !important;
    grid-template-columns: minmax(0, .94fr) minmax(360px, .74fr) !important;
}

.dacar-home-v2 .dacar-hero-grid > .wp-block-group:first-child {
    padding-top: 6px;
}

.dacar-home-v2 .dacar-hero .dacar-eyebrow {
    background: rgba(255, 255, 255, .07) !important;
    border: 2px solid rgba(0, 91, 255, .38) !important;
    border-radius: 999px;
    box-shadow: 0 0 24px rgba(0, 91, 255, .12);
    color: #E5E7EB !important;
    display: inline-flex;
    font-size: 13px !important;
    font-weight: 650 !important;
    gap: 10px;
    letter-spacing: .045em !important;
    line-height: 1.15 !important;
    margin: 0 0 0 !important;
    padding: 10px 16px !important;
    position: relative !important;
    text-transform: uppercase !important;
    transform: translateY(-8px) !important;
}

.dacar-home-v2 .dacar-hero .dacar-eyebrow::after {
    background: #005BFF !important;
    bottom: -82px !important;
    box-shadow: 0 0 18px rgba(0, 91, 255, .52) !important;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: min(100%, 790px);
}

.dacar-home-v2 .dacar-hero h1 {
    color: #FFFFFF !important;
    font-size: clamp(40px, 5.2vw, 66px) !important;
    font-weight: 430 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.07 !important;
    margin: 132px 0 0 !important;
    max-width: 660px !important;
    text-wrap: balance;
}

.dacar-home-v2 .dacar-hero-lead {
    color: #CBD5E1 !important;
    font-size: clamp(17px, 1.45vw, 20px) !important;
    font-weight: 350 !important;
    line-height: 1.7 !important;
    margin-bottom: 166px !important;
    margin-top: 44px !important;
    max-width: 610px !important;
    position: relative !important;
}

.dacar-home-v2 .dacar-hero .dacar-hero-lead::after {
    background: #005BFF !important;
    bottom: -83px !important;
    box-shadow: 0 0 18px rgba(0, 91, 255, .52) !important;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: min(100%, 790px);
}

.dacar-home-v2 .dacar-hero .dacar-actions {
    gap: 18px !important;
    margin-top: 0 !important;
}

.dacar-home-v2 .dacar-hero .dacar-btn,
.dacar-home-v2 .dacar-hero .dacar-btn-outline {
    background: rgba(255, 255, 255, .03) !important;
    border-color: rgba(0, 91, 255, .76) !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    min-height: 46px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.dacar-home-v2 .dacar-hero .dacar-btn:hover,
.dacar-home-v2 .dacar-hero .dacar-btn:focus-visible,
.dacar-home-v2 .dacar-hero .dacar-btn-outline:hover,
.dacar-home-v2 .dacar-hero .dacar-btn-outline:focus-visible {
    background: #005BFF !important;
    border-color: #005BFF !important;
    box-shadow: 0 16px 34px rgba(0, 91, 255, .34) !important;
    color: #FFFFFF !important;
}

.dacar-home-v2 .dacar-hero .dacar-trust-row {
    gap: 12px !important;
    margin-top: 58px !important;
    max-width: 680px !important;
}

.dacar-home-v2 .dacar-hero .dacar-pill {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(0, 91, 255, .48) !important;
    color: #CBD5E1 !important;
    font-weight: 700 !important;
    padding: 8px 13px !important;
}

/* Tarjeta de producto dentro del Hero. */
.dacar-product-card {
    overflow: hidden;
    position: relative;
}

.dacar-home-v2 .dacar-hero .dacar-product-card {
    background: linear-gradient(180deg, rgba(0,91,255,.20), rgba(0,91,255,.075) 48%, rgba(7,10,18,.92)) !important;
    border: 2px solid #005BFF !important;
    border-radius: 30px;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .38), 0 0 46px rgba(0, 91, 255, .28) !important;
    justify-self: end !important;
    max-width: 460px !important;
    padding: 18px !important;
}

.dacar-home-v2 .dacar-hero .dacar-invoice-preview-image {
    background: rgba(255, 255, 255, .96) !important;
    border: 2px solid rgba(0, 91, 255, .72) !important;
    border-radius: 22px;
    margin: 0;
    overflow: hidden;
    padding: 14px;
}

.dacar-home-v2 .dacar-hero .dacar-invoice-preview-image img {
    aspect-ratio: 3 / 4 !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 14px !important;
    box-shadow: 0 18px 44px rgba(2, 6, 23, .16);
    display: block;
    object-fit: contain !important;
    padding: 0 !important;
    width: 100%;
}

.dacar-home-v2 .dacar-hero .dacar-mini-card {
    background: rgba(7, 10, 18, .94) !important;
    border: 2px solid rgba(0, 91, 255, .72) !important;
    border-radius: 20px;
    margin-top: 16px;
    padding: 18px;
}

.dacar-home-v2 .dacar-hero .dacar-mini-card h2,
.dacar-home-v2 .dacar-hero .dacar-mini-card p {
    color: #FFFFFF !important;
}

.dacar-home-v2 .dacar-hero .dacar-mini-card h2 {
    font-size: 28px;
}

.dacar-home-v2 .dacar-hero .dacar-mini-card p {
    color: #CBD5E1 !important;
    margin: 0;
}

.dacar-home-v2 .dacar-hero .dacar-mini-card-head {
    align-items: center !important;
    display: flex !important;
    gap: 18px !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
}

.dacar-home-v2 .dacar-hero .dacar-mini-card-head h2 {
    margin: 0 !important;
}

.dacar-home-v2 .dacar-hero .dacar-card-demo-btn {
    align-items: center;
    background: #005BFF;
    border: 2px solid #005BFF;
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(0, 91, 255, .26);
    color: #FFFFFF !important;
    display: inline-flex;
    font-size: 15px !important;
    font-weight: 900 !important;
    justify-content: center;
    line-height: 1;
    margin-top: 0 !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    white-space: nowrap !important;
}

.dacar-home-v2 .dacar-hero .dacar-card-demo-btn:hover,
.dacar-home-v2 .dacar-hero .dacar-card-demo-btn:focus,
.dacar-home-v2 .dacar-hero .dacar-card-demo-btn:focus-visible {
    background: #0A6DFF;
    box-shadow: 0 16px 34px rgba(0, 91, 255, .36);
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

/* Pastillas de confianza ocultas temporalmente en el hero. */
.dacar-home-v2 .dacar-hero .dacar-trust-row {
    display: none !important;
}