.type-option{position:relative;text-align:left;border:1px solid var(--line);background:#fff;min-height:110px;padding:18px;display:grid;grid-template-columns:1fr auto;cursor:pointer}
.type-option.selected{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);background:#fffaf0}
.type-option input{position:absolute;opacity:0;pointer-events:none}
.type-option span{font-weight:800}
.type-option small{color:var(--muted);grid-column:1;line-height:1.4}
.type-option i{grid-column:2;grid-row:1/3;color:var(--orange);font-style:normal}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-message{margin-top:30px;padding:18px 22px;font-weight:700}
.form-message.success{background:#e7f7ee;color:#17643a;border-left:4px solid #299562}
.form-message.error{background:#fff0ee;color:#9b2c24;border-left:4px solid #d64538}

/* Aprovecha todo el ancho disponible en pantallas grandes. */
.wrap {
    width: calc(100% - 64px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.site-header {
    width: 100% !important;
    max-width: none !important;
    padding-right: 32px !important;
    padding-left: 32px !important;
}

/* Centrado real del menú respecto de la ventana, no del espacio sobrante. */
@media (min-width: 901px) {
    .site-header {
        display: flex !important;
        position: sticky !important;
    }

    .site-header .brand {
        margin-right: auto !important;
    }

    .site-header nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    .site-header .header-cta {
        margin-left: auto !important;
    }
}

@media (max-width: 900px) {
    .wrap {
        width: calc(100% - 40px) !important;
    }

    .site-header {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .site-header nav {
        transform: none !important;
    }
}

@media (max-width: 600px) {
    .wrap {
        width: calc(100% - 30px) !important;
    }

    .site-header {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}