/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2025-11-24 21:54:07 */

html, body { 
    font-family: Varela Round;
}
html, body { color: #fff; }

a, a:focus { color: #0b6783; }
a:hover { color: #0b6783; }

/* Primary buttons */
button.action.primary{
    background-color:#0AA8DC;
    border-color:#0AA8DC;
    color:#FFFFFF;
}
button.action.primary:hover{
    background-color:#0892bf !important;
    border-color:#0892bf !important;
    color:#FFFFFF !important;
}

.product-item-actions .action.towishlist,.product-addto-links .action.towishlist,.action.towishlist{color:#302E2A;border-color:#302E2A}
.product-item-actions .action.towishlist:hover,.product-addto-links .action.towishlist:hover,.action.towishlist:hover{color:#302E2A;border-color:#302E2A}
.product-addto-links .action.tocompare,.product-item-actions .action.tocompare,.action.tocompare,.product-addto-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.mailto.friend{color:#302E2A;border-color:#302E2A}
.product-addto-links .action.tocompare:hover,.product-item-actions .action.tocompare:hover,.action.tocompare:hover,.product-addto-links .action.mailto.friend:hover, .moved-add-to-links .action.mailto.friend:hover, .product-social-links .action.mailto.friend:hover{color:#302E2A;border-color:#302E2A}
.page-wrapper > .breadcrumbs{background-color:#FFFFFF}
.page-wrapper > .breadcrumbs{color:#1A1A1A}
.page-wrapper > .breadcrumbs a, .page-wrapper > .breadcrumbs a:focus{color:#01A8DB}
.page-wrapper > .breadcrumbs a:hover{color:#01A8DB}
#ln_slider_price.ui-slider-horizontal{background-color:#ffffff}
#ln_slider_price .ui-slider-handle{background-color:#ffffff}

@media (min-width: 768px){
    .page-header.type1, .page-header.type2, .page-header.type3, .page-header.type4,.page-header.type20, .page-header.type17, .page-header.type5, .page-header.type6,.page-header.type19, .page-header.type7,.page-header.type23, .page-header.type8 .header.content,.page-header.type8.header-newskin .header.content, .page-header.type9, .page-header.type10, .page-header.type11, .page-header.type12, .page-header.type15, .page-header.type16, .page-header.type2.header-newskin,.page-header.type18,.page-header.header-newskin {
        background-color: #FFFFFF;
    }
}
@media (min-width: 768px){
    .page-header, .page-header.type1 .custom-block, .page-header.type2 .custom-block, .page-header.type8 .custom-block > *,.page-header.type8.header-newskin .custom-block > *, .page-header.type11 .custom-block, .page-header.type12 .custom-block, .page-header.type16 .custom-block, .page-header.type2.header-newskin .custom-block, .page-header.type18 .custom-block, .page-header.header-newskin .custom-block {
        color: #FFFFFF;
    }
}
@media (min-width: 768px){
    .page-header.type1 a, .page-header.type2 a, .page-header.type2 .custom-block a, .page-header.type3 a, .page-header.type4 a,.page-header.type20 a,.page-header.type17 a,.page-header.type17 .top-links-icon,.page-header.type17 .top-links-icon a, .page-header.type5 a, .page-header.type6 a,.page-header.type19 a, .page-header.type7 a,.page-header.type23 a, .page-header.type8 a,.page-header.type8.header-newskin a, .page-header.type9 a, .page-header.type10 a, .page-header.type11 a, .page-header.type11 .custom-block a, .page-header.type12 .header.panel .custom-block a, .page-header.type16 .custom-block a, .page-header.type2.header-newskin .custom-block a, .page-header.type18 .custom-block a, .page-header.header-newskin a,.page-header.header-newskin .top-links-icon,.page-header.header-newskin .top-links-icon a, .page-header.type13.header-newskin .panel.header .top-links-area > ul.links > li > a{
        color: #FFFFFF;
    }
}
@media (min-width: 768px){
    .page-header > .panel.wrapper, .page-header.type1 > .panel.wrapper, .page-header.type2 > .panel.wrapper, .page-header.type5 > .panel.wrapper, .page-header.type6 .panel.wrapper,.page-header.type19 .panel.wrapper, .page-header.type8 > .panel.wrapper > .panel.header,.page-header.type8.header-newskin > .panel.wrapper > .panel.header, .page-header.type11 > .panel.wrapper, .page-header.type16 > .panel.wrapper, .page-header.type2.header-newskin > .main-panel-top, .page-header.type18 > .main-panel-top {
        background-color: #FFFFFF;
    }
}
@media (min-width: 768px){
    .page-header.type1 .panel.header .header.links > li > a, .page-header.type1 .panel.header .header.links > li > a:hover, .page-header.type2 .panel.header .header.links > li > a, .page-header.type2 .header.panel > .header.links > li > a, .page-header.type2 .panel.header .header.links > li > a:hover, .page-header.type3 .header.panel .top-panel>.header.links > li > a, .page-header.type3 .header.panel .top-panel > .links > li, .page-header.type3 .panel.header .top-panel>.header.links > li > a:hover, .page-header.type3 .header.panel .search-area > a:hover, .page-header.type3 .header.panel .search-area > a, .page-header.type4 .header.panel .top-panel > .links > li > a, .page-header.type4 .header.panel .top-panel > .links > li > a:hover, .page-header.type4 .header.panel .top-panel > .links > li > span, .page-header.type4 .switcher strong, .page-header.type5 .panel.header .header.links > li > a, .page-header.type5 .panel.header .header.links > li > a:hover, .page-header.type5 > .panel.wrapper, .page-header.type5 .header.panel .switcher, .page-header.type6 .panel.header .header.links > li > a, .page-header.type6 .panel.header .header.links > li > a:hover, .page-header.type6 > .panel.wrapper, .page-header.type6 .header.panel .switcher,.page-header.type19 .panel.header .header.links > li > a, .page-header.type19 .panel.header .header.links > li > a:hover, .page-header.type19 > .panel.wrapper, .page-header.type19 .header.panel .switcher, .page-header.type7 .panel.header a, .page-header.type7 .panel.header a:hover,.page-header.type23 .panel.header a, .page-header.type23 .panel.header a:hover, .page-header.type7 > .panel.wrapper, .page-header.type7 .header.panel .switcher,.page-header.type23 > .panel.wrapper, .page-header.type23 .header.panel .switcher, .page-header.type8 .panel.header a, .page-header.type8 .panel.header a:hover, .page-header.type8 > .panel.wrapper, .page-header.type8 .header.panel .switcher, .page-header.type8 .panel.header .header.links > li > a,.page-header.type8.header-newskin .panel.header a, .page-header.type8.header-newskin .panel.header a:hover, .page-header.type8.header-newskin > .panel.wrapper, .page-header.type8.header-newskin .header.panel .switcher, .page-header.type8.header-newskin .panel.header .header.links > li > a, .page-header.type9 .header.panel .top-panel>.header.links > li > a, .page-header.type9 .header.panel .top-panel > .links > li, .page-header.type9 .panel.header .top-panel>.header.links > li > a:hover, .page-header.type9 .header.panel .search-area > a:hover, .page-header.type9 .header.panel .search-area > a, .page-header.type11 .panel.header .header.links > li > a, .page-header.type11 .header.panel > .header.links > li > a, .page-header.type11 .panel.header .header.links > li > a:hover, .page-header.type12 .header.panel .top-panel .links > li > a:hover, .page-header.type12 .header.panel .top-panel .links > li > a, .page-header.type12 .header.panel .top-panel .links > li > span, .page-header.type16 .header.panel .top-panel .links > li > a:hover, .page-header.type16 .header.panel .top-panel .links > li > a, .page-header.type16 .header.panel .links > li > span, .page-header.type16 .header.panel .links > li > a:hover, .page-header.type2.header-newskin .panel.header .header.links > li > a, .page-header.type2.header-newskin .panel.header .header.links > li > span, .page-header.type2.header-newskin .panel.wrapper, .page-header.type18 .panel.header .header.links > li > a, .page-header.type18 .panel.header .header.links > li > span, .page-header.type18 .panel.wrapper, .page-header.header-newskin .panel.header .header.links > li > a, .page-header.header-newskin .panel.header .header.links > li > span, .page-header.header-newskin .panel.wrapper, .page-header.type24 .top-links-icon a, .page-header.type24 .top-links-icon, .page-header.type24 .panel.header .switcher {
        color: #1A1A1A;
    }
}
@media (min-width: 768px){
    .page-header.type1 .navigation > ul, .page-header.type2 .nav-sections, .page-header.type8 .menu-wrapper,.page-header.type8.header-newskin .menu-wrapper, .page-header .drop-menu .nav-sections, .page-header.type11 .nav-sections, .page-header.type16 .navigation > ul, header.page-header.sticky-header.type16 .nav-sections, .page-header.type2.header-newskin .nav-sections, .page-header.type18 .nav-sections, .page-header.header-newskin:not(.type16) .nav-sections {
        background-color: #f0f0f0;
    }
}
@media (min-width: 768px){
    .page-header.type1 .navigation li.level0, .page-header.type3 .navigation .level0 > .level-top, .page-header.type4 .navigation .level0 > .level-top,.page-header.type20 .navigation .level0 > .level-top,.page-header.type17 .navigation li.level0, .page-header.type5 .navigation .level0 > .level-top, .page-header.type2 .navigation .level0 > .level-top, .page-header.type11 .navigation li.level0 > .level-top, .page-header.type6 .navigation .level0 > .level-top,.page-header.type19 .navigation .level0 > .level-top, .page-header.type7 .navigation .level0 > .level-top,.page-header.type23 .navigation .level0 > .level-top, .page-header .drop-menu + .custom-menu-block a, .page-header.type8 .navigation .level0 > .level-top,.page-header.type8.header-newskin .navigation .level0 > .level-top, .page-header.type9 .navigation .level0 > .level-top, .page-header.type16 .navigation li.level0, .page-header.type2.header-newskin .navigation .level0 > .level-top, .page-header.type18 .navigation .level0 > .level-top, .page-header.header-newskin .navigation .level0 > .level-top{
        color: #1A1A1A;
    }
}

@media (min-width: 768px){
    .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
        color: #1A1A1A;
    }
}
@media (min-width: 768px){
    .sw-megamenu.navigation li.level0.fullwidth > .submenu a, .sw-megamenu.navigation li.level0.staticwidth > .submenu a {
        color: #1A1A1A;
    }
}
@media (min-width: 768px){
    .sw-megamenu.navigation li.level0.fullwidth > .submenu a:hover, .sw-megamenu.navigation li.level0.staticwidth > .submenu a:hover {
        color: #1A1A1A;
    }
}
@media (min-width: 768px){
    .page-header.type1 .block-search input, .page-header.type2 .block-search input, .page-header.type8 .block-search input,.page-header.type8.header-newskin .block-search input, .page-header.type11 .block-search input, .page-header.type16 .block-search input, .page-header.type2.header-newskin .block-search input, .page-header.type18 .block-search input {
        background-color: #F0F0F0;
    }
}
@media (min-width: 768px){
    .page-header.type1 .block-search input, .page-header.type2 .block-search input, .page-header.type1 .block-search .action.search:before, .page-header.type1 .block-search .action.search:hover:before, .page-header.type2 .block-search .action.search:before, .page-header.type2 .block-search .action.search:hover:before, .page-header.type8 .block-search input, .page-header.type8 .block-search .action.search:before, .page-header.type8 .block-search .action.search:hover:before,.page-header.type8.header-newskin .block-search input, .page-header.type8.header-newskin .block-search .action.search:before, .page-header.type8.header-newskin .block-search .action.search:hover:before, .page-header.type11 .block-search input, .page-header.type11 .block-search .action.search:before, .page-header.type11 .block-search .action.search:hover:before, .page-header.type12:not(.sticky-header) .header.panel .block-search input  {
        color: #1A1A1A;
    }
}
@media (min-width: 768px){
    .page-header.type1 .block-search input, .page-header.type1 .block-search .action.search, .page-header.type2 .block-search input, .page-header.type2 .block-search .action.search, .page-header.type8 .block-search input, .page-header.type8 .block-search .action.search,.page-header.type8.header-newskin .block-search input, .page-header.type8.header-newskin .block-search .action.search, .page-header.type11 .block-search input, .page-header.type11 .block-search .action.search, .page-header.type12:not(.sticky-header) .header.panel .block-search input {
        border-color: #01A8DB;
    }
}

.footer-top{ color:#fff; }
.footer-middle{
    background-color:#f0f0f0;
}
.footer-middle, .footer-middle p{
    color:#1A1A1A;
}
.footer-middle a{
    color:#0B6783;
}
.footer-middle a:hover{
    color:#0B6783;
}
.footer-middle .block .block-title strong{
    color:#1A1A1A;
}
.footer-middle [class^="porto-icon-"].theme-color, .footer-middle [class*=" porto-icon-"].theme-color{
    color:#1A1A1A !important;
}
.footer-bottom{
    background-color:#f0f0f0;
}
.footer-bottom, .footer-bottom p{
    color:#1A1A1A;
}
.footer-bottom a{
    color:#0B6783;
}
.footer-bottom a:hover{
    color:#0B6783;
}

/* Unificación botones acción (más amplio que solo button.action.primary) */
.action.primary,
a.action.primary,
.cart.main.actions .action,
.checkout .action.primary,
.actions-toolbar .primary .action,
.block-minicart .action.primary,
.payment-methods .actions-toolbar .action.primary {
    background: #0AA8DC;
    border-color: #0AA8DC;
    color: #fff;
}

.action.primary:hover,
a.action.primary:hover,
.cart.main.actions .action:hover,
.checkout .action.primary:hover,
.actions-toolbar .primary .action:hover,
.block-minicart .action.primary:hover,
.payment-methods .actions-toolbar .action.primary:hover {
    background: #0892bf;
    border-color: #0892bf;
    color: #fff;
}

.action.primary:focus,
.action.primary:active,
a.action.primary:focus,
a.action.primary:active {
    background: #0AA8DC;
    border-color: #0AA8DC;
    color: #fff;
}


/* ========================================================
   Estilos para los botones del popup de "Dirección de envío"
   ======================================================== */

/* --- Botón Primario: "Entregar aquí" (El verde) --- */
.modal-popup .modal-footer .action.primary.action-save-address {
    /* REEMPLAZA #0099cc POR TU COLOR AZUL EXACTO */
    background-color: #0099cc !important; /* Fondo azul */
    border-color: #0099cc !important;     /* Borde del mismo azul */
    color: #ffffff !important;            /* Texto blanco para que se lea bien */
    font-weight: bold !important;         /* Texto un poco más grueso */
}

/* Opcional: Efecto al pasar el ratón por encima (un azul un poco más oscuro) */
.modal-popup .modal-footer .action.primary.action-save-address:hover {
    background-color: #007399 !important;
    border-color: #007399 !important;
}


/* --- Botón Secundario: "Cancelar" --- */
.modal-popup .modal-footer .action.secondary.action-hide-popup {
    background-color: #ffffff !important; /* Fondo blanco */
    /* REEMPLAZA #0099cc POR TU COLOR AZUL EXACTO */
    border: 2px solid #0099cc !important; /* Borde azul de 2 píxeles */
    color: #0099cc !important;            /* Texto azul */
    font-weight: bold !important;
}

/* Opcional: Efecto al pasar el ratón por encima para "Cancelar" */
.modal-popup .modal-footer .action.secondary.action-hide-popup:hover {
    background-color: #f0faff !important; /* Un fondo azul muy clarito */
    color: #007399 !important;            /* Texto azul un poco más oscuro */
    border-color: #007399 !important;     /* Borde a juego */
}


/* ==============================================
   Estilo para botón "Nueva dirección" (Checkout)
   ============================================== */

button.action.action-show-popup.amcheckout-button.-new-address {
    /* REEMPLAZA #0099cc POR TU COLOR AZUL EXACTO SI LO TIENES */
    background-color: #0099cc !important; 
    border: 1px solid #0099cc !important;
    color: #ffffff !important;            /* Texto blanco */
    font-weight: bold !important;
    border-radius: 3px !important;        /* Borde ligeramente redondeado como los demás */
    
    /* Aseguramos el centrado del texto (por si acaso) */
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* Efecto al pasar el ratón (Hover) */
button.action.action-show-popup.amcheckout-button.-new-address:hover {
    background-color: #007399 !important; /* Un poco más oscuro */
    border-color: #007399 !important;
    text-decoration: none !important;
}

/* ==========================================================================
   CÓDIGO FINAL CORREGIDO: TABLET Y MÓVIL = DISEÑO TARJETA
   ========================================================================== */

/* 1. BUSCADOR TERADATA */
.teradata-search-container {
    background-color: #fff !important;
    border: 1px solid #e1e1e1 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
    margin-bottom: 20px !important;
    padding: 20px !important;
    border-radius: 5px !important;
}
.teradata-search-form input[type="text"] {
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    padding: 8px !important;
    width: 60% !important;
}
.teradata-search-form button {
    background-color: #0AA8DC !important;
    border: none !important;
    color: white !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
    margin-left: 10px !important;
}
.teradata-search-form button:hover {
    background-color: #0088CC !important;
}

/* 2. CONTENEDOR TABLA */
.table-wrapper.orders-history {
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
    background: #fff;
    overflow: visible !important;
}

/* ESTILOS DE FILAS (Solo visibles en PC, en móvil/tablet se sobrescriben) */
#my-orders-table thead th {
    background: linear-gradient(135deg, #0AA8DC 0%, #0088CC 100%) !important;
    color: #ffffff !important;
    border-bottom: none !important;
    padding: 12px 5px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: middle !important;
    text-align: center !important;
}
#my-orders-table tbody tr {
    border-bottom: 1px solid #eeeeee !important;
}
#my-orders-table tbody tr:hover {
    background-color: #f0faff !important;
}
#my-orders-table tbody td {
    padding: 10px 5px !important;
    vertical-align: middle !important;
    font-size: 13px;
    color: #555;
    text-align: center !important;
}

/* Estilos específicos columnas */
#my-orders-table.history .col.total .price {
    color: #c76200 !important; font-weight: 800; font-size: 14px;
}
.amrewards-info-table .col.amount {
    font-weight: 800 !important; color: #333 !important;
}
.amrewards-info-table .col.left, 
.amrewards-info-table .col.amrewards-pointsleft {
    color: #0AA8DC !important; font-weight: 900 !important; font-size: 15px !important;
}

/* --------------------------------------------------------------------------
   ESCRITORIO (SOLO PANTALLAS GRANDES > 992px)
   Aquí aplicamos la reducción de texto para que quepa en la tabla
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
    /* Ancho controlado columna acciones */
    #my-orders-table.history th.col.actions,
    #my-orders-table.history td.col.actions {
        width: 155px !important;    
        min-width: 155px !important;
        padding: 5px !important;
        box-sizing: border-box !important;
    }

    /* Botón con texto pequeño y doble línea */
    #my-orders-table.history td.col.actions .action {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 4px 0 !important;
        border-radius: 4px !important;
        
        white-space: normal !important; /* Salto de línea */
        font-size: 9px !important;      /* Letra reducida */
        line-height: 10px !important;   
        padding: 5px 2px !important;
        height: auto !important;
        min-height: 24px !important;
        
        text-align: center !important;
        text-transform: uppercase;
        background-color: #0AA8DC !important;
        color: #fff !important;
        border: 1px solid #0AA8DC !important;
        text-decoration: none !important;
    }

    #my-orders-table.history td.col.actions .action.view {
        background-color: transparent !important;
        color: #0AA8DC !important;
    }
    #my-orders-table.history td.col.actions .action.view:hover {
        background-color: #0AA8DC !important; color: #fff !important;
    }
    #my-orders-table.history td.col.actions .action.order:hover {
        background-color: #007799 !important; border-color: #007799 !important;
    }
    /* Eliminar fantasmas */
    #my-orders-table.history td.col.actions .action::before,
    #my-orders-table.history td.col.actions .action::after,
    #my-orders-table.history td.col.actions a::before,
    #my-orders-table.history td.col.actions a::after {
        content: none !important; display: none !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL Y TABLET (HASTA 991px) - Diseño Tarjeta
   Este cambio arregla que en tablet se viera roto.
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .table-wrapper.orders-history { border: none !important; box-shadow: none !important; }
    #my-orders-table thead { display: none !important; }
    
    #my-orders-table tbody tr {
        display: block !important;
        background: #fff !important;
        margin-bottom: 15px !important;
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
        padding: 15px !important;
    }
    
    #my-orders-table tbody td {
        display: flex !important; justify-content: space-between;
        padding: 8px 0 !important; border-bottom: 1px dashed #f0f0f0; text-align: right !important;
    }
    
    #my-orders-table tbody td:last-child { border-bottom: none; flex-direction: column; gap: 10px; margin-top: 10px; }
    
    #my-orders-table tbody td::before {
        content: attr(data-th) ": "; font-weight: 700; color: #333; text-transform: uppercase; font-size: 11px; text-align: left; margin-right: auto;
    }
    
    /* Botones grandes y fáciles de tocar en táctil */
    #my-orders-table.history td.col.actions .action {
        width: 100% !important; 
        display: block !important; 
        margin-bottom: 10px !important; 
        padding: 12px !important; 
        text-align: center !important; 
        background-color: #0AA8DC !important; 
        color: #fff !important; 
        border-radius: 4px !important;
        font-size: 13px !important; /* Letra más grande para dedos */
        text-decoration: none !important;
    }
    
    #my-orders-table.history td.col.actions .action.view {
        background: transparent !important; color: #0AA8DC !important; border: 1px solid #0AA8DC !important;
    }
}



/* =========================================
   DISEÑO MODAL NACEX
   ========================================= */

/* 1. ESTRUCTURA Y CABECERA */
.modal-popup.nacexShop .modal-inner-wrap {
    border-radius: 10px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
    overflow: hidden;
}

.modal-popup.nacexShop .modal-header {
    background: linear-gradient(135deg, #F39200 0%, #d87e00 100%) !important;
    padding: 15px 20px !important;
    border-bottom: 4px solid #b36800 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.modal-popup.nacexShop .modal-title {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 1.4rem !important;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    margin: 0 !important;
    padding: 0 !important;
}

/* Botón cerrar (X) */
.modal-popup.nacexShop .action-close {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #fff !important;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.modal-popup.nacexShop .action-close:hover {
    background: rgba(255,255,255,0.4);
}

/* 2. MAPA LIMPIO */
.modal-popup.nacexShop .modal-content {
    padding: 0 !important;
}

/* 3. BOTÓN "SELECCIONAR TIENDA" */
.modal-popup.nacexShop .modal-footer {
    padding: 20px !important;
    background: #fff !important;
    text-align: center;
}

.modal-popup.nacexShop button.select-shop {
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    
    width: auto !important;
    min-width: 220px;
    height: 50px !important;
    margin: 0 auto !important;
    padding: 0 30px !important;
    
    background-color: #0AA8DC !important;
    border: none !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 10px rgba(10, 168, 220, 0.3);
    
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.modal-popup.nacexShop button.select-shop span {
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
}

/* Hover Botón */
.modal-popup.nacexShop button.select-shop:hover {
    background-color: #0077a3 !important;
    box-shadow: 0 6px 15px rgba(0, 119, 163, 0.5) !important;
    transform: translateY(-2px);
}
.modal-popup.nacexShop button.select-shop:active {
    background-color: #005f82 !important;
    transform: translateY(1px);
}

/* 4. DISEÑO DEL POPUP DEL MAPA (INFO WINDOW) */
.gm-style-iw-c {
    padding: 15px !important;
    border-radius: 8px !important;
}
.gm-style-iw-d {
    overflow: hidden !important;
}

/* Título Tienda */
.gm-style-iw h3 {
    color: #F39200 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
    font-family: 'Open Sans', sans-serif !important;
}

/* Dirección */
.gm-style-iw .direcciones {
    font-family: 'Open Sans', sans-serif !important;
    color: #333 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    margin-bottom: 10px;
    line-height: 1.4;
    width: 65%;
    float: left;
}

/* Foto */
.gm-style-iw .ncxshp-image {
    display: block !important;
    float: right !important;
    width: 30%;
    margin-left: 5%;
}
.gm-style-iw .ncxshp-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* --- HORARIOS: DISEÑO MEJORADO --- */
.gm-style-iw .horarios {
    clear: both !important; /* Baja debajo de la foto */
    display: block !important;
    margin-top: 15px !important;
    
    /* Estilo TARJETA */
    background-color: #f8f9fa; /* Gris muy clarito, elegante */
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px !important;
    
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.8 !important; /* Más espacio entre líneas para leer bien */
    color: #444 !important;
    font-weight: 500;
}

/* Título automático "HORARIO" en azul usando CSS */
.gm-style-iw .horarios::before {
    content: "🕒 HORARIO"; /* Añadimos icono y texto */
    display: block;
    color: #0AA8DC; /* Tu azul corporativo */
    font-weight: 800;
    font-size: 11px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    letter-spacing: 0.5px;
}


/* Busca específicamente la imagen que contiene 'globalrepair' en su nombre */
.amcheckout-method img[src*="globalrepair"] {
    margin-left: 14px !important; 
    
}