.ep-fuel{--ep-orange:#EC8900;box-sizing:border-box;font-family:inherit;color:#26313d;line-height:1.5;border:1px solid #efdfc7;border-radius:18px;padding:clamp(16px,3vw,30px);margin:24px 0;background:linear-gradient(135deg,#fff9ef,#fff 60%);box-shadow:0 8px 28px #67400008}.ep-fuel *{box-sizing:border-box}.ep-fuel-eyebrow{color:#975600;letter-spacing:.12em;font-size:12px;font-weight:700}.ep-fuel h2{font-family:inherit;font-size:clamp(24px,3vw,32px);color:#26313d;line-height:1.2;margin:7px 0 10px}.ep-fuel header p{color:#596470;font-size:14px;margin:0}.ep-fuel-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.ep-fuel-controls label{font-size:13px;font-weight:600;color:#596470}.ep-fuel-controls select{display:block;width:100%;max-width:100%;margin-top:7px;font-family:inherit;font-size:14px;padding:11px 30px 11px 12px;border:1px solid #d9d5ce;border-radius:9px;background-color:white;color:#26313d;height:auto}.ep-fuel-controls select:focus{outline:2px solid #EC8900;outline-offset:2px}.ep-fuel-locked{padding:10px 0;font-size:14px}.ep-fuel-status{font-size:13px;color:#596470;margin:18px 0 12px}.ep-fuel-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ep-fuel-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:720px}.ep-fuel-table th,.ep-fuel-table td{border:0;border-bottom:1px solid #eee7db;padding:18px 14px;vertical-align:top;text-align:left}.ep-fuel-table thead th{background:#fff0d9;color:#754300;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ep-fuel-table tbody tr:nth-child(even){background:#fffaf3}.ep-fuel-table tbody th{min-width:170px;font-weight:400;width:25%}.ep-fuel-table tbody th>strong{display:block;font-size:17px;color:#26313d}.ep-fuel-table td:nth-child(2){min-width:155px}.ep-fuel-table td:last-child{min-width:130px;max-width:200px;font-size:12px}.ep-fuel-table td>small{display:block;color:#596470;font-size:12px;margin-top:5px}.ep-fuel-address{display:block;font-size:12px;color:#596470;margin:6px 0}.ep-fuel .ep-fuel-map{color:#975600;text-decoration:none;font-size:12px;font-weight:600}.ep-fuel .ep-fuel-map:hover{text-decoration:underline}.ep-fuel-prices{display:flex;flex-wrap:wrap;gap:8px;min-width:185px}.ep-fuel-price{padding:8px 10px;background:white;border:1px solid #e8e5df;border-radius:9px;min-width:145px}.ep-fuel-price>span{display:block;font-size:11px;color:#596470}.ep-fuel-price>strong{display:block;font-size:23px;font-weight:700;line-height:1.2;margin-top:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.ep-fuel-price strong small{font-size:12px;font-weight:400;color:#596470}.ep-fuel-cheapest{border-color:#b9d9bf;background:#f4faf4}.ep-fuel-price em{display:inline-block;color:#28673a;font-size:10px;font-style:normal;font-weight:600;margin-top:5px}.ep-fuel-muted{font-size:12px;color:#596470}.ep-fuel footer{margin-top:22px;border-top:1px solid #eadfcf;padding-top:12px;font-size:12px;color:#596470}.ep-fuel footer p{margin:6px 0}.ep-fuel footer a{color:#975600;text-decoration:none}.ep-fuel-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.ep-fuel-controls{grid-template-columns:1fr;gap:12px}.ep-fuel{border-radius:14px}.ep-fuel-table th,.ep-fuel-table td{padding:14px 10px}.ep-fuel-table{min-width:650px}.ep-fuel-table tbody th{min-width:155px}}


/* Fichas de combustibles: diseño inspirado en SMDP */
.ep-fuel .ep-fuel-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:18px 0 24px;
}
.ep-fuel .ep-fuel-card {
    min-width:0;
    overflow:hidden;
    background:#FFFFFF;
    border:1px solid #7D0400;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.ep-fuel .ep-fuel-card-head {
    padding:18px;
    background:#FFF8F2;
    border-bottom:1px solid #E5E7EB;
    min-height:205px;
    display:flex;
    flex-direction:column;
    align-items:center;
    box-sizing:border-box;
}
.ep-fuel .ep-fuel-card-head h3 {
    width:100%;
    min-height:53px;
    margin:0 0 14px;
    color:#7D0400;
    font-size:21px;
    font-weight:600;
    line-height:1.2;
    text-transform:uppercase;
    text-align:center;
}
.ep-fuel .ep-fuel-card-brand {
    width:100%;
    height:64px;
    margin-bottom:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.ep-fuel .ep-fuel-card-brand img {
    display:block;
    width:150px;
    height:54px;
    max-width:100%;
    object-fit:contain;
}
.ep-fuel .ep-fuel-card-brand strong {
    font-size:22px;
    line-height:1.2;
    color:#7D0400;
}
.ep-fuel .ep-fuel-card-address {
    width:100%;
    color:#667085;
    font-size:14px;
    line-height:1.3;
    text-align:center;
}
.ep-fuel .ep-fuel-card-address a {
    color:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
}
.ep-fuel .ep-fuel-card-address a:hover { color:#7D0400; }
.ep-fuel .ep-fuel-card-prices { padding:10px 14px 14px; }
.ep-fuel .ep-fuel-card-line {
    display:grid;
    grid-template-columns:10px minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
    padding:10px 0;
    border-bottom:1px solid #E5E7EB;
}
.ep-fuel .ep-fuel-card-line:last-child { border-bottom:0; }
.ep-fuel .ep-fuel-card-mark {
    width:8px;
    height:30px;
    background:#888;
    border-radius:4px;
}
.ep-fuel .fuel-gasolina95 .ep-fuel-card-mark,
.ep-fuel .fuel-gasolina95premium .ep-fuel-card-mark,
.ep-fuel .fuel-gasolina95e10 .ep-fuel-card-mark { background:#2e9d52; }
.ep-fuel .fuel-gasolina98 .ep-fuel-card-mark,
.ep-fuel .fuel-gasolina98e10 .ep-fuel-card-mark { background:#3d74bd; }
.ep-fuel .fuel-gasoleoa .ep-fuel-card-mark { background:#222; }
.ep-fuel .fuel-gasoleopremium .ep-fuel-card-mark { background:#d8a41d; }
.ep-fuel .fuel-gasoleob .ep-fuel-card-mark { background:#d36a2f; }
.ep-fuel .fuel-dieselrenovable .ep-fuel-card-mark { background:#4fa66b; }
.ep-fuel .fuel-adblue .ep-fuel-card-mark { background:#37a6c6; }
.ep-fuel .fuel-biodiesel .ep-fuel-card-mark { background:#6da544; }
.ep-fuel .fuel-bioetanol .ep-fuel-card-mark { background:#8fbe63; }
.ep-fuel .fuel-glp .ep-fuel-card-mark { background:#7165b7; }
.ep-fuel .fuel-gnc .ep-fuel-card-mark { background:#4f9ca5; }
.ep-fuel .fuel-gnl .ep-fuel-card-mark { background:#427db4; }
.ep-fuel .fuel-hidrogeno .ep-fuel-card-mark { background:#8bc8d8; }
.ep-fuel .ep-fuel-card-name {
    min-width:0;
    font-size:14px;
    line-height:1.3;
}
.ep-fuel .ep-fuel-card-value {
    font-size:20px;
    color:#000;
    white-space:nowrap;
}
.ep-fuel .ep-fuel-card-value small {
    font-size:12px;
    font-weight:500;
    color:#667085;
}
.ep-fuel .ep-fuel-card-cheap {
    display:inline-block;
    margin-left:5px;
    padding:2px 6px;
    border-radius:10px;
    background:#EDF5ED;
    color:#126000;
    font-size:10px;
    font-weight:600;
    font-style:normal;
}
@media (max-width:1100px) {
    .ep-fuel .ep-fuel-cards {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:700px) {
    .ep-fuel .ep-fuel-cards {
        grid-template-columns:1fr;
    }
}


/* ep-fuel-direcciones-formato-v2 */

.ep-fuel .ep-fuel-card,
.ep-fuel .ep-fuel-card-head,
.ep-fuel .ep-fuel-card-brand,
.ep-fuel .ep-fuel-card-prices {
    background: #FFFFFF;
}

.ep-fuel .ep-fuel-card-address,
.ep-fuel .ep-fuel-card-address a {
    text-transform: none !important;
}

.ep-fuel .ep-fuel-card-brand img {
    display: block;
    width: 150px;
    height: 54px;
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto;
}


/* ep-fuel-footer-text-black-v1 */
.ep-fuel .ep-fuel-status,
.ep-fuel footer,
.ep-fuel footer p,
.ep-fuel footer span,
.ep-fuel footer strong {
    color: #000000;
}

.ep-fuel footer a,
.ep-fuel footer a:visited,
.ep-fuel footer a:hover,
.ep-fuel footer a:focus {
    color: #000000;
}


/* ep-fuel-layout-cards-v2 */

/* 1. Quitar la caja global del plugin */
.ep-fuel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.ep-fuel > header,
.ep-fuel > footer,
.ep-fuel .ep-fuel-controls,
.ep-fuel .ep-fuel-status,
.ep-fuel .elparamo-map-wrap,
.ep-fuel [class*="map"] {
    background: transparent !important;
    box-shadow: none !important;
}

/* 2. Mantener protagonismo en las fichas individuales */
.ep-fuel .ep-fuel-cards {
    margin-top: 18px;
}

/* 3. Cabecera de cada ficha más compacta */
.ep-fuel .ep-fuel-card-head {
    padding: 0 0 12px !important;
    min-height: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #FFFFFF !important;
}

/* 4. Nombre del pueblo arriba, fondo granate y texto naranja */
.ep-fuel .ep-fuel-card-head h3 {
    width: 100%;
    margin: 0 0 10px 0 !important;
    min-height: auto !important;
    padding: 16px 14px !important;
    box-sizing: border-box;
    background: #7D0400 !important;
    color: #EC8900 !important;
    text-align: center;
    font-size: 18px !important;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #5e0300;
}

/* 5. Reducir espacio entre pueblo y logo */
.ep-fuel .ep-fuel-card-brand {
    height: 54px !important;
    margin-bottom: 6px !important;
    padding: 0 12px;
}

.ep-fuel .ep-fuel-card-brand img {
    max-height: 46px !important;
}

.ep-fuel .ep-fuel-card-brand strong {
    font-size: 20px;
}

/* 6. Dirección más cerca del logo */
.ep-fuel .ep-fuel-card-address {
    margin-top: 0 !important;
    padding: 0 14px !important;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}

/* 7. Ajuste general de las fichas */
.ep-fuel .ep-fuel-card {
    overflow: hidden;
    border: 1px solid #7D0400;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: none;
}

/* 8. En móvil, mantener buen aspecto */
@media (max-width: 700px) {
    .ep-fuel .ep-fuel-card-head h3 {
        font-size: 17px !important;
        padding: 14px 12px !important;
    }

    .ep-fuel .ep-fuel-card-brand {
        height: 50px !important;
    }

    .ep-fuel .ep-fuel-card-brand img {
        max-height: 42px !important;
    }
}


/* ep-fuel-town-header-v3 */
.ep-fuel .ep-fuel-card-head h3 {
    width: 100%;
    margin: 0 0 8px 0 !important;
    min-height: auto !important;
    padding: 14px 14px !important;
    box-sizing: border-box;
    background: #FFF8F2 !important;
    color: #7D0400 !important;
    text-align: center;
    font-size: 18px !important;
    line-height: 1.2;
    font-weight: 700;
    text-transform: none !important;
    border-bottom: 1px solid #E5E7EB !important;
}


/* ep-gasolineras-popup-v1 */
.ep-fuel-map-popup {
    width: 265px;
    max-width: 100%;
    color: #000000;
    font-family: inherit;
}

.ep-fuel-map-popup h3 {
    background: #FFF8F2;
    color: #7D0400;
    margin: 0 0 10px;
    padding: 12px 8px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.ep-fuel-map-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    margin-bottom: 10px;
    color: #7D0400;
    text-align: center;
}

.ep-fuel-map-logo img {
    display: block;
    max-width: 150px;
    width: auto;
    height: auto;
    max-height: 50px;
    object-fit: contain;
}

.ep-fuel-map-prices {
    padding: 0 5px;
}

.ep-fuel-map-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #E5E7EB;
    font-size: 13px;
}

.ep-fuel-map-price span {
    flex: 1;
}

.ep-fuel-map-price strong {
    white-space: nowrap;
    font-size: 14px;
    color: #000000;
}

.ep-fuel-map-directions {
    display: block;
    margin-top: 12px;
    text-align: center;
    color: #7D0400 !important;
    font-weight: 600;
    text-decoration: underline;
}


/* ep-gasolineras-close-style-v1 */
.ep-fuel-map-popup {
    position: relative;
}

.ep-fuel-map-close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #FFFFFF;
    color: #7D0400;
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.ep-fuel-map-close:hover,
.ep-fuel-map-close:focus-visible {
    background: #FFF8F2;
    color: #7D0400;
}


/* ep-fuel-hide-heading-v1 */
.ep-fuel > header {
    display: none !important;
}