body {margin:0;font-family:Arial,sans-serif;}
header {background:#004080;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 40px;}
header .logo img {height:50px;}
header nav a {color:#fff;margin-left:20px;text-decoration:none;font-weight:bold;}
header nav a:hover {color:#00ccff;}
.hero {text-align:center;padding:60px 20px;background:#e6f0ff;}
.btn {background:#00ccff;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:bold;}
.btn:hover {background:#0099cc;}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:40px;}
.card {background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:20px;text-align:center;}
.card img {max-width:100%;border-radius:6px;}
.precio {color:#004080;font-weight:bold;font-size:1.2em;}
footer {background:#222;color:#fff;text-align:center;padding:20px;}
body {margin:0;font-family:Arial,sans-serif;line-height:1.6;}
header {background:#004080;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 40px;}
header .logo img {height:50px;}
header nav a {color:#fff;margin-left:20px;text-decoration:none;font-weight:bold;}
header nav a:hover {color:#00ccff;}
.hero {text-align:center;padding:60px 20px;background:#e6f0ff;}
.btn {background:#00ccff;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:bold;}
.btn:hover {background:#0099cc;}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:40px;}
.card {background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:20px;text-align:center;}
.card img {max-width:100%;border-radius:6px;}
.precio {color:#004080;font-weight:bold;font-size:1.2em;}
.contact {padding:40px;text-align:center;background:#f9f9f9;}
.contact form {max-width:500px;margin:auto;display:flex;flex-direction:column;gap:15px;}
.contact input,.contact textarea {padding:10px;border:1px solid #ccc;border-radius:6px;}
.contact button {background:#004080;color:#fff;border:none;padding:12px;border-radius:6px;font-weight:bold;cursor:pointer;}
.contact button:hover {background:#00264d;}
.mapa {margin-top:20px;}
footer {background:#222;color:#fff;text-align:center;padding:20px;}
footer a {color:#00ccff;text-decoration:none;margin:0 5px;}
/* SLIDER */
.slider {position:relative;width:100%;height:70vh;overflow:hidden;}
.slides {display:flex;width:300%;height:100%;transition:transform 0.8s ease;}
.slide {min-width:100%;height:100%;position:relative;}
.slide img {width:100%;height:100%;object-fit:cover;}
.caption {position:absolute;bottom:20%;left:10%;background:rgba(0,0,0,0.5);color:#fff;padding:20px;border-radius:10px;}
.controls {position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;color:#fff;font-size:2rem;}
.controls span {cursor:pointer;padding:10px;background:rgba(0,0,0,0.3);border-radius:50%;}
.indicators {position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;}
.indicators span {width:12px;height:12px;background:#ccc;border-radius:50%;cursor:pointer;}
.indicators span.active {background:#00ccff;}