/* ====== Reset y tipografía base ====== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;color:#333;padding-left:2rem;padding-right:2rem;}
a{text-decoration:none;color:inherit;}

/* ====== Modal Contacto / Dirección (compartido) ====== */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:300;display:none;align-items:center;justify-content:center;padding:1rem;}
.modal-overlay.open{display:flex;}
.modal-box{background:white;border-radius:16px;padding:2rem;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,0.2);max-height:90vh;overflow-y:auto;}
.modal-box h3{font-size:18px;font-weight:900;color:#1e2d40;margin-bottom:1.25rem;}
.modal-close{float:right;border:none;background:none;font-size:22px;cursor:pointer;color:#999;margin-top:-0.25rem;}
.modal-close:hover{color:#ff4757;}
.contact-row{display:flex;gap:0.75rem;align-items:flex-start;padding:0.5rem 0;border-bottom:1px solid #f5f5f5;}
.contact-row:last-child{border:none;}
.contact-icon{font-size:20px;flex-shrink:0;margin-top:0.1rem;}
.contact-info{font-size:14px;color:#444;line-height:1.5;}
.contact-info strong{display:block;font-size:12px;color:#999;font-weight:600;margin-bottom:0.1rem;}

.modal-box-contacto{max-width:640px;}
.modal-contacto-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}
.modal-contacto-header h3{margin-bottom:0;}
.modal-close-text{border:none;background:none;color:#ff4757;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;}
.modal-close-text:hover{text-decoration:underline;}
.contacto-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.contacto-info-card{background:#f8f9fa;border-radius:10px;padding:1rem;}
.contacto-info-title{display:flex;align-items:center;gap:0.5rem;font-weight:800;font-size:13px;color:#1e2d40;margin-bottom:0.5rem;}
.contacto-info-body{font-size:13px;color:#555;line-height:1.6;}
.contacto-info-full{margin-bottom:1.25rem;}
.contacto-form-title{font-size:14px;font-weight:800;color:#1e2d40;margin-bottom:0.75rem;}
.contacto-form-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:0.75rem;}
.contacto-form input,.contacto-form textarea{width:100%;border:1px solid #e0e0e0;border-radius:8px;padding:0.65rem 0.85rem;font-size:13px;font-family:inherit;outline:none;transition:border-color 0.2s;}
.contacto-form input:focus,.contacto-form textarea:focus{border-color:#ff4757;}
.contacto-form textarea{resize:vertical;min-height:90px;margin-bottom:1rem;}
.contacto-form-actions{display:flex;gap:0.75rem;flex-wrap:wrap;}
.btn-contacto-whatsapp,.btn-contacto-correo{flex:1;min-width:160px;border:none;border-radius:8px;padding:0.85rem;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:0.4rem;color:white;transition:opacity 0.2s;}
.btn-contacto-whatsapp{background:#25d366;}
.btn-contacto-correo{background:#3867d6;}
.btn-contacto-whatsapp:hover,.btn-contacto-correo:hover{opacity:0.9;}
@media(max-width:560px){
    .contacto-info-grid,.contacto-form-row{grid-template-columns:1fr;}
}

.modal-box-direccion{max-width:640px;}
.direccion-mapa{position:relative;border-radius:10px;overflow:hidden;}
.direccion-mapa iframe{display:block;width:100%;height:280px;border:0;}
.btn-abrir-maps{position:absolute;top:0.75rem;left:0.75rem;background:white;color:#3867d6;border-radius:8px;padding:0.5rem 0.85rem;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,0.15);display:inline-flex;align-items:center;gap:0.4rem;text-decoration:none;z-index:1;}
.btn-abrir-maps:hover{background:#f5f5f5;}

/* ====== Colores de categorías (carrusel) ====== */
.cat-color-0{background:linear-gradient(135deg,#ff6b6b,#ff4757);}
.cat-color-1{background:linear-gradient(135deg,#ffd32a,#ffc93c);}
.cat-color-2{background:linear-gradient(135deg,#0fbcf9,#2e86de);}
.cat-color-3{background:linear-gradient(135deg,#0be881,#26de81);}
.cat-color-4{background:linear-gradient(135deg,#ff9f43,#e67e22);}
.cat-color-5{background:linear-gradient(135deg,#a29bfe,#6c5ce7);}
.cat-color-6{background:linear-gradient(135deg,#fd79a8,#e84393);}
.cat-color-7{background:linear-gradient(135deg,#55efc4,#00b894);}

/* ====== Selector "Mostrar" (paginación) ====== */
.mostrar-row{display:flex;align-items:center;gap:0.5rem;font-size:13px;color:#555;font-weight:600;}
.mostrar-row select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;border-radius:8px;padding:0.5rem 2rem 0.5rem 1rem;font-size:14px;font-weight:800;font-family:inherit;background:#ffc94d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235a4500' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;background-size:10px 6px;color:#5a4500;cursor:pointer;}
.mostrar-row select:focus{outline:2px solid #ffc94d;outline-offset:2px;}

/* ====== Imagen de categoría (carrusel) ====== */
.category-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}