.aee-delivery {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: -100px;
    padding: 0 30px 35px;
    text-align: center;
    min-height: 100vh;
    transform: translateY(-70px);
}
.aee-delivery {
    position: relative;
    z-index: 1;
}

.aee-delivery::before {
    content: "";
    position: absolute;
    top: -180px;
    bottom: -120px;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-image: url("https://artelamps.com.mx/wp-content/uploads/2026/08/FONDO-2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}
.aee-delivery h1 {
    margin-top: 0;
}
    .aee-delivery-options {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    margin-top: 24px;
    transform: translate(-35px, -50px);
}
    .aee-delivery-panel {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
    transform: translateY(-27px);
    height: 620px;
box-sizing: border-box;
    padding: 28px;
    border-radius: 28px;
    background: rgba(239, 200, 170, 0.62);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
    .aee-pickup-image {
    display: block;
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    object-position: center top;
    border-radius: 20px;
    margin-top: -60px;
}
.aee-pickup-map,
.aee-pickup-whatsapp,
.aee-pickup-phone {
    display: block;
    margin-top: 14px;
}
.aee-pickup-map {
    text-decoration: none;
    color: #111;
    font-weight: 600;
}
.aee-pickup-whatsapp {
    text-decoration: none;
    color: #111;
    font-weight: 600;
}
.aee-pickup-phone {
    text-decoration: none;
    color: #111;
    font-weight: 600;
}
.aee-pickup-hours {
    margin-top: 22px;
    margin-bottom: 22px;
    color: #333;
}
.aee-pickup-pay,
.aee-home-pay {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 220px;
    height: 60px;

    padding: 0;
    border-radius: 999px;

    background: linear-gradient(
    180deg,
    #8A552F 0%,
    #7A4A2C 55%,
    #693D25 100%
);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    box-sizing: border-box;
    border: 1px solid rgba(220, 130, 45, 0.72);

    box-shadow:
    inset 0 2.5px 0 rgba(255, 225, 170, 0.62),
    inset 0 -2px 2px rgba(70, 35, 18, 0.30),
    0 5px 9px rgba(28, 14, 7, 0.48);
}
.aee-home-pay {
    width: 340px;
}
.aee-pickup-pay {
    position: relative;
    overflow: visible;
}

.aee-pickup-pay::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;

    box-shadow:
        inset 0 2px 1px rgba(255, 215, 130, 0.75),
        inset 2px 0 2px rgba(225, 125, 35, 0.38),
        inset -2px 0 2px rgba(225, 125, 35, 0.38),
}
.aee-pickup-pay:hover {
    background: #B58A6A;
    transform: translateY(-3px);
    filter: brightness(1.06);
}
.aee-pickup-pay:active {
    transform: translateY(1px);

    box-shadow:
        inset 0 2px 4px rgba(70, 40, 25, 0.28),
        0 2px 6px rgba(60, 35, 20, 0.14);
}
.aee-delivery-option.is-selected {
    border: 2px solid #B68A5A;
}
.aee-delivery-experience {
    display: grid;
    grid-template-columns: 1.55fr 18cm;
    gap: 0.5cm;
    align-items: stretch;
    margin-top: 50px;
}
.aee-delivery-option {
    width: 100%;
    min-height: 190px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    border: 2.5px solid transparent;
    border-radius: 28px;
    gap: 24px;

    background:
       linear-gradient(
    135deg,
    rgba(246, 229, 207, 0.48),
    rgba(229, 203, 174, 0.34)
) padding-box,
        linear-gradient(
    135deg,
    #9A5F36 0%,
    #D7833E 22%,
    #F0B46D 38%,
    #C87535 52%,
    #8F5735 72%,
    #D7833E 88%,
    #A66036 100%
) border-box;

    backdrop-filter: blur(14px) saturate(115%);
-webkit-backdrop-filter: blur(14px) saturate(115%);
box-shadow:
    inset 0 -1px 0 rgba(117, 80, 58, 0.12),
    0 8px 24px rgba(45, 28, 18, 0.10);
    text-align: left;
    cursor: pointer;
}
.aee-delivery-icon {
    display: block;
    min-width: 105px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: linear-gradient(
    180deg,
    rgba(255, 244, 229, 0.72),
    rgba(224, 191, 154, 0.42)
);
    border: 1px solid rgba(182, 138, 90, 0.45);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}
.aee-delivery-arrow {
    margin-left: auto;
    font-size: 36px;
    line-height: 1;
}
.aee-delivery-text h2 {
    font-size: 24px !important;
}
.aee-delivery-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.aee-delivery-text {
    transform: translateY(19px);
}
.aee-delivery-text p {
    font-size: 20px !important;
}
.aee-delivery-text p {
    margin-top: -10px !important;
}
.aee-delivery-store-icon {
    width: 72px;
    height: 72px;
    display: block;
    flex-shrink: 0;
}
.aee-delivery-home-icon {
    width: 82px;
    height: 82px;
    display: block;
    flex-shrink: 0;
}
.aee-delivery-text h2 {
    white-space: nowrap;
}
.aee-delivery-option:nth-child(2) .aee-delivery-text {
    transform: translateY(29px);
}
.aee-delivery-shipping-icon {
    width: 75px;
    height: 75px;
    display: block;
    flex-shrink: 0;
}
.aee-delivery-option .aee-delivery-icon {
    transition: transform 0.35s ease;
}

.aee-delivery-option:hover .aee-delivery-icon {
    transform: scale(1.05);
}

.aee-delivery-option .aee-delivery-arrow {
    transition: transform 0.35s ease;
}

.aee-delivery-option:hover .aee-delivery-arrow {
    transform: translateX(6px);
}
/* AEE Premium Experience */
.aee-delivery-option {
    border-color: #C77A3A;
    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.aee-delivery-icon {
    color: #9A7358;
    transition:
        transform 0.35s ease,
        color 0.35s ease;
}

.aee-delivery-option:hover {
    border-color: #C77A3A;
    box-shadow:
        0 0 0 1px rgba(199, 122, 50, 0.18),
        0 6px 18px rgba(122, 74, 44, 0.10);
}

.aee-delivery-option:hover .aee-delivery-icon {
    color: #B56A32;
}
.aee-delivery-option {
   background: rgba(239, 200, 170, 0.62);
    backdrop-filter: blur(18px) saturate(115%);
-webkit-backdrop-filter: blur(18px) saturate(115%);
}
.aee-delivery h1 {
    color: #F5F1EA;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
    
}
.aee-delivery-option {
    border: 2.5px solid #C77A3A;
}
.aee-delivery-option {
    box-shadow:
    0 0 3px rgba(226, 139, 62, 0.30),
    inset 0 0 3px rgba(255, 232, 178, 0.55),
    0 6px 18px rgba(45, 28, 18, 0.10);
}
.aee-delivery-option {
    position: relative;
}
.aee-delivery-option::before {
    content: "";
    position: absolute;
    inset: -2.5px;
    border-radius: 30px;
    padding: 2.5px;

    background: conic-gradient(
        from 210deg,
        #A85F2D,
        #D9863F,
        #E8A25A,
        #C66F2F,
        #8E4E2C,
        #E09A4E,
        #F0BE78,
        #B96832,
        #A85F2D
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}
.aee-delivery-panel > h2 {
    transform: translateY(-35px);
}

.aee-delivery-panel > h2 + p {
    transform: translateY(-50px);
}
.aee-action-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: currentColor;
    margin-right: 10px;
}
.aee-pickup-map .aee-action-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    transform: translateX(12px);
    margin-right: 15px;
}
.aee-pickup-phone .aee-action-icon {
    transform: translate(-4px, -1px);
}
.aee-pickup-map,
.aee-pickup-whatsapp,
.aee-pickup-phone {
    transition: color 0.25s ease, transform 0.25s ease;
    cursor: pointer;
}

.aee-action-arrow {
    display: inline-block;
    transition: transform 0.25s ease, color 0.25s ease;
}

.aee-pickup-map:hover,
.aee-pickup-whatsapp:hover,
.aee-pickup-phone:hover {
    color: #7A4A2C;
    transform: translateX(4px);
}

.aee-pickup-map:hover .aee-action-arrow,
.aee-pickup-whatsapp:hover .aee-action-arrow,
.aee-pickup-phone:hover .aee-action-arrow {
    transform: translateX(5px);
}
.aee-pickup-hours {
    display: flex;
    flex-direction: column;
    gap: 4px;
   margin-top: 0px;
    align-items: flex-start;
    text-align: left;
}

.aee-pickup-hours strong {
    font-weight: 700;
    color: #111;
}

.aee-pickup-hours span {
    font-weight: 400;
    margin-left: 58px;
}
.aee-pickup-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

.aee-pickup-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    transform: translateY(-20px);
}

.aee-pickup-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 0;
    transform: translate(380px, -180px);
}
.aee-pickup-info {
    width: 100%;
}

/* Las 3 acciones comparten exactamente el mismo ancho */
.aee-pickup-map,
.aee-pickup-whatsapp,
.aee-pickup-phone {
    width: 100%;
    box-sizing: border-box;
}
.aee-pickup-map .aee-action-icon,
.aee-pickup-whatsapp .aee-action-icon,
.aee-pickup-phone .aee-action-icon {
    width: 24px !important;
    height: 24px !important;

    padding: 8px;

    background: #17130f;
    color: #f2d6bd;

    border-radius: 50%;
    box-sizing: content-box;

    flex: 0 0 24px;

    transform: none !important;
}
.aee-pickup-whatsapp .aee-action-icon {
    fill: none !important;
    stroke: currentColor;
}
.aee-pickup-map,
.aee-pickup-whatsapp,
.aee-pickup-phone {
    margin-left: 0 !important;
    left: 0 !important;
    right: auto !important;
    transform: none;
}
.aee-pickup-map,
.aee-pickup-whatsapp,
.aee-pickup-phone {
    display: grid;
    grid-template-columns: 44px auto auto;
    align-items: center;
    column-gap: 14px;
}
.aee-hours-icon {
    width: 24px !important;
    height: 24px !important;
    padding: 8px;

    background: #17130f;
    color: #f2d6bd;

    border-radius: 50%;
    box-sizing: content-box;

    flex: 0 0 24px;
    transform: none !important;
}
.aee-pickup-hours-title strong {
    position: relative;
    left: 0px;
}
.aee-pickup-hours-title .aee-hours-icon {
    position: relative;
    left: 0px;
    top: 14px;
}.aee-pickup-map > span:first-of-type,
.aee-pickup-whatsapp > span:first-of-type,
.aee-pickup-phone > span:first-of-type{
    position: relative;
    left: -40px;
}
.aee-pickup-map .aee-action-arrow,
.aee-pickup-whatsapp .aee-action-arrow,
.aee-pickup-phone .aee-action-arrow {
    position: absolute;
    left: 160px;
    transform: none;
}
#aee-home-panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
#aee-home-panel .aee-home-section {
    margin: 0;
}
#aee-home-panel .aee-home-section h3 {
    margin: 0 0 10px;
}
#aee-home-panel > h2 {
    margin: 0 0 4px;
}
#aee-home-panel > p {
    margin: 0 0 8px;
}
#aee-home-panel .aee-home-section {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
#aee-home-panel input {
    width: 100%;
    height: 34px;
    box-sizing: border-box;
}
#aee-home-panel input {
    border: 1px solid rgba(103, 73, 41, 0.22);
    border-radius: 8px;
}
#aee-home-panel input {
    padding: 0 10px;
}
#aee-home-panel input {
    background: rgba(255, 255, 255, 0.58);
}
#aee-home-panel .aee-field-note {
    margin: 0;
    font-size: 11px;
    line-height: 1.25;
    opacity: 0.68;
}
#aee-home-panel .aee-delivery-days {
    display: flex;
    gap: 6px;
}
#aee-home-panel .aee-delivery-day {
    flex: 1;
    height: 30px;
    border-radius: 8px;
}
#aee-home-panel .aee-delivery-times {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}
#aee-home-panel .aee-delivery-time {
    height: 30px;
    border-radius: 8px;
}
#aee-home-panel .aee-home-pay {
    width: 340px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 999px;
    transform: translateY(-45px);
}
#aee-home-panel .aee-home-section:first-of-type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
}
#aee-home-panel .aee-home-section:first-of-type h3,
#aee-home-panel .aee-home-section:first-of-type .aee-field-note {
    grid-column: 1 / -1;
}
#aee-home-panel .aee-home-section:first-of-type {
    margin-top: -65px;
}
#aee-home-panel > h2 {
    transform: translateY(-25px);
}
#aee-home-panel .aee-home-section:first-of-type .aee-field-note {
    grid-column: 2;
    text-align: left;
}
#aee-home-panel .aee-home-section:nth-of-type(2) {
    transform: translateY(-15px);
}
#aee-home-panel .aee-home-section:first-of-type input {
    transform: translateY(-12px);
}
#aee-home-panel .aee-home-section:first-of-type .aee-field-note {
    transform: translateY(-10px);
}
#aee-home-panel .aee-home-section:nth-of-type(2) input {
    transform: translateY(-10px);
}
#aee-home-panel .aee-delivery-selects {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}#aee-home-panel .aee-delivery-selects {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
}

#aee-home-panel .aee-delivery-selects .aee-delivery-select {
    width: 100%;
    min-width: 0;
}
#aee-home-panel .aee-delivery-select {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid rgba(103, 73, 41, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.58);
    font: inherit;
}
#aee-home-panel .aee-home-section:nth-of-type(3) {
    transform: translateY(-25px);
}
#aee-home-panel .aee-home-pay {
    transform: translateY(20px);
}
.aee-delivery-panel[hidden] {
    display: none !important;
}
#aee-home-panel .aee-home-pay {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 999px;
}