:root{--primary-color:#25D366;--primary-dark:#128C7E;--secondary-color:#2196F3;--secondary-dark:#1976D2;--background:#f5f5f5;--card-background:white;--text-color:#333;--border-radius:12px;--transition-speed:0.3s}*{transition:all var(--transition-speed) ease}.header-directory{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;border-bottom:2px solid #eee;padding-bottom:20px}.header-directory h1{font-size:2.5rem;color:var(--text-color);font-weight:700}.stats{background:var(--card-background);padding:12px 24px;border-radius:var(--border-radius);box-shadow:0 2px 4px rgba(0,0,0,0.1);font-size:1.1rem;font-weight:500}.filters{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.search-container{flex:1;min-width:300px;position:relative}.search-container i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666}.search-input{width:100%;padding:12px 12px 12px 40px!important;border:2px solid #ddd!important;border-radius:var(--border-radius);font-size:16px;background:var(--card-background);transition:all 0.3s ease}.search-input:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px rgba(33,150,243,0.1)}.controls{display:flex;gap:15px;align-items:center}select{padding:12px;border:2px solid #ddd;border-radius:var(--border-radius);font-size:16px;background:var(--card-background);cursor:pointer;min-width:150px}select:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px rgba(33,150,243,0.1)}.taxi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:30px;animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.taxi-card{background:var(--card-background);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);transform:translateY(0);border:1px solid #eee}.taxi-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.taxi-image{width:100%;height:340px;object-fit:cover;object-position:center 20%;border-bottom:1px solid #eee}.taxi-content{padding:20px}.taxi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.taxi-name{font-size:1.25rem;font-weight:600}.status-badge{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:5px}.status-disponible{background-color:#4CAF50;color:white}.status-ocupado{background-color:#f44336;color:white}.taxi-details{color:#666;font-size:0.95rem;margin-bottom:20px;line-height:1.6}.taxi-details div{margin-bottom:5px;display:flex;align-items:center;gap:8px}.contact-buttons{display:flex;gap:12px;margin-top:15px}.contact-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--border-radius);text-decoration:none;font-weight:500;font-size:0.95rem;transition:all var(--transition-speed) ease}.phone-button{background-color:var(--secondary-color);color:white}.phone-button:hover{background-color:var(--secondary-dark);transform:translateY(-2px)}.whatsapp-button{background-color:var(--primary-color);color:white}.whatsapp-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.contact-button i{font-size:18px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:50px}.pagination button{padding:10px 20px;border:none;border-radius:var(--border-radius);background:var(--card-background);cursor:pointer;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.pagination button:not(:disabled):hover{background:#eee;transform:translateY(-2px)}.pagination button:disabled{background:#ddd;cursor:not-allowed;opacity:0.7}.page-info{font-size:14px;font-weight:500;color:#666}#error-message{color:#f44336;padding:15px;background-color:#ffebee;border-radius:var(--border-radius);margin-bottom:20px;display:none;font-weight:500}.loading-spinner{display:none;justify-content:center;padding:40px;font-size:24px;color:var(--secondary-color)}.loading-spinner i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.header-directory{flex-direction:column;align-items:flex-start;gap:15px}.header-directory h1{font-size:22px}.stats{font-size:14px}.filters{flex-direction:column}.controls{flex-wrap:wrap}.search-input{font-size:14px}select{width:100%;font-size:14px;height:50px}.taxi-grid{grid-template-columns:1fr}.taxi-name{font-size:18px}.status-badge{font-size:12px}.taxi-details{font-size:14px}.contact-buttons{flex-direction:column}.pagination{flex-wrap:wrap;margin-top:40px}.page-info{font-size:13px}}.et_pb_section_0.et_pb_section{background-color:#d9f7ff!important}.et_pb_button_0_wrapper .et_pb_button_0,.et_pb_button_0_wrapper .et_pb_button_0:hover{padding-top:1%!important;padding-right:5%!important;padding-bottom:1%!important;padding-left:5%!important}body #page-container .et_pb_section .et_pb_button_0{border-radius:100px;font-size:18px}body #page-container .et_pb_section .et_pb_button_0:after{font-size:1.6em}body.et_button_custom_icon #page-container .et_pb_button_0:after{font-size:18px}.et_pb_button_0,.et_pb_button_0:after{transition:all 300ms ease 0ms}.et_pb_text_0{line-height:1.4em;font-weight:600;font-size:1.5em;line-height:1.4em;margin-right:13%!important;margin-left:13%!important}@media only screen and (max-width:980px){.et_pb_button_0_wrapper .et_pb_button_0,.et_pb_button_0_wrapper .et_pb_button_0:hover{padding-top:2%!important;padding-right:8%!important;padding-bottom:2%!important;padding-left:8%!important}body #page-container .et_pb_section .et_pb_button_0:after{display:inline-block;opacity:0}body #page-container .et_pb_section .et_pb_button_0:hover:after{opacity:1}.et_pb_text_0{font-size:1.4em;margin-right:5%!important;margin-left:5%!important}}@media only screen and (max-width:767px){.et_pb_button_0_wrapper .et_pb_button_0,.et_pb_button_0_wrapper .et_pb_button_0:hover{padding-top:3%!important;padding-right:10%!important;padding-bottom:3%!important;padding-left:10%!important}body #page-container .et_pb_section .et_pb_button_0{font-size:16px!important}body #page-container .et_pb_section .et_pb_button_0:after{display:inline-block;opacity:0;font-size:1.6em}body #page-container .et_pb_section .et_pb_button_0:hover:after{opacity:1}body.et_button_custom_icon #page-container .et_pb_button_0:after{font-size:16px}.et_pb_text_0{font-size:1.3em;margin-right:2%!important;margin-left:2%!important}}