/* ===== Hostingandorra · Fase 4 rediseño visual (2026-05-06) ===== */

/* === Item 1.1 + 4.1.2: Buscador de dominios más visible === */
.ha-domain-search-card {
    background: linear-gradient(135deg, #ffffff 0%, #fff5ef 100%);
    border: 2px solid #eb5420;
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(235, 84, 32, 0.18), 0 2px 6px rgba(0,0,0,.05);
    padding: 0;
    overflow: hidden;
    margin: 1rem auto;
    max-width: 920px;
}
.ha-domain-search-card h2 {
    color: #1f2933;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.ha-domain-input-group {
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    border-radius: .75rem;
    overflow: hidden;
}
.ha-domain-input {
    height: 56px !important;
    font-size: 1.1rem;
    border: 2px solid #d1d5db;
    border-right: 0;
    padding-left: 1.25rem !important;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}
.ha-domain-input:focus {
    border-color: #eb5420 !important;
    box-shadow: 0 0 0 .2rem rgba(235, 84, 32, .15) !important;
    outline: 0;
}
.ha-domain-input::placeholder {
    color: #9ca3af;
    font-style: italic;
}
.ha-domain-btn-search {
    background: #eb5420 !important;
    border: 2px solid #eb5420 !important;
    color: #fff !important;
    height: 56px;
    padding: 0 1.5rem !important;
    font-weight: 600;
    font-size: 1rem;
    transition: background .15s;
}
.ha-domain-btn-search:hover {
    background: #c84516 !important;
    border-color: #c84516 !important;
}
.ha-domain-btn-transfer {
    height: 56px;
    padding: 0 1.5rem !important;
    font-weight: 600;
    font-size: 1rem;
}

/* === Item 4.1.3: Números bonitos en "Cómo seleccionar el dominio perfecto" === */
.ha-guide-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.ha-guide-title {
    font-weight: 700;
    color: #1f2933;
}
.ha-guide-step {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.ha-guide-num {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #eb5420 0%, #c84516 100%);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 800;
    box-shadow: 0 4px 8px rgba(235, 84, 32, .25);
    line-height: 1;
}
.ha-guide-body {
    flex: 1;
}
.ha-guide-body strong {
    display: block;
    font-size: 1.05rem;
    color: #1f2933;
    margin-bottom: .35rem;
}
.ha-guide-body p {
    color: #6b7280;
    font-size: .95rem;
    line-height: 1.5;
}

/* === Items 0.1 / 2.2.3 / 3.1.3 / 4.1.4: Bloque "Si tu negocio pide más…" === */
.ha-business-extras {
    background: linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}
.ha-business-extras-title {
    font-weight: 700;
    color: #1f2933;
    margin-bottom: .75rem;
    font-size: 2rem;
}
.ha-business-extras-subtitle {
    color: #6b7280;
    font-size: 1.1rem;
    max-width: 720px;
    margin: 0 auto;
}
.ha-extra-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 2rem 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
    transition: transform .2s, box-shadow .2s;
}
.ha-extra-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
}
.ha-extra-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.25rem;
    background: linear-gradient(135deg, #eb5420 0%, #c84516 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.75rem;
    box-shadow: 0 6px 16px rgba(235, 84, 32, .25);
}
.ha-extra-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2933;
    margin-bottom: .65rem;
}
.ha-extra-text {
    color: #6b7280;
    font-size: .92rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    flex-grow: 1;
}
.ha-extra-btn {
    background: #fff;
    color: #eb5420 !important;
    border: 2px solid #eb5420;
    border-radius: .55rem;
    padding: .55rem 1rem;
    font-weight: 600;
    font-size: .9rem;
    transition: all .15s;
    text-decoration: none;
    display: inline-block;
}
.ha-extra-btn:hover {
    background: #eb5420;
    color: #fff !important;
    text-decoration: none;
}

@media (max-width: 575px) {
    .ha-extra-card { padding: 1.5rem 1.25rem; }
    .ha-extra-icon { width: 56px; height: 56px; font-size: 1.4rem; }
    .ha-guide-num { width: 40px; height: 40px; font-size: 1.25rem; }
    .ha-domain-input { height: 48px !important; font-size: 1rem; }
    .ha-domain-btn-search, .ha-domain-btn-transfer { height: 48px; }
}

/* === Item 5.2 — Smooth scroll a anchor === */
html { scroll-behavior: smooth; }
.ha-anchor-smooth {
    scroll-margin-top: 80px;
}
#ha-requirements {
    scroll-margin-top: 80px;
}