* {margin:0; padding:0; box-sizing:border-box; font-family:Arial,sans-serif;}
body {background:#fff; color:#111; max-width:1200px; margin:0 auto; padding:0 20px;}

/* Header */
.header {display:flex; justify-content:space-between; align-items:center; padding:20px 0;}
.logo {width:250px; height:auto;}
.header-right {display:flex; align-items:center; gap:35px;}
.menu-links {display:flex; gap:40px;}
.menu-item {text-decoration:none; color:#111; font-size:20px; font-weight:500;}
.header-divider {width:1px; height:32px; background:#ccc; margin:0 18px;}
.header-icons img {width:28px; height:28px; margin-left:12px;}
.header-line {border:0; height:2px; background:#ccc; margin-bottom:40px;}

/* Hero */
.hero {display:flex; justify-content:space-between; align-items:center; padding-bottom:80px;}
.hero-left {width:45%;}
.hero-left h1 {font-size:48px; margin-bottom:20px; line-height:1.1;}
.hero-left p {font-size:18px; margin-bottom:30px;}
.btn-cta {display:inline-block; padding:14px 28px; background:#002855; color:#fff; text-decoration:none; border-radius:6px; font-weight:bold; margin-bottom:20px;}
.hero-right {width:48%;}
.hero-grid {display:grid; grid-template-columns:1fr; grid-gap:12px;}
.hero-grid img {width:100%; height:auto; border-radius:8px; object-fit:cover;}

/* Section Divider */
.section-divider {border:0; height:1px; background:#ccc; margin:60px 0; opacity:0.3;}

/* Troqueles */
.troqueles-container {display:flex; gap:40px; align-items:flex-start; flex-wrap:wrap;}
.troqueles-grid {display:grid; grid-template-columns:1fr 1fr; gap:12px; flex:1;}
.troqueles-grid img {width:100%; height:auto; border-radius:8px; object-fit:cover;}
.troqueles-text {flex:1; font-size:16px;}
.troqueles-text p {margin-bottom:20px;}

/* Nosotros */
.nosotros-container {display:flex; gap:40px; align-items:flex-start; flex-wrap:wrap;}
.nosotros-img img {width:100%; max-width:450px; border-radius:8px; object-fit:cover;}
.nosotros-text {flex:1; font-size:16px;}
.nosotros-icons {display:flex; gap:20px; margin-top:20px; border-top:1px solid #ccc; padding-top:15px;}
.icono {text-align:center; font-size:14px;}
.icono img {width:40px; height:40px; margin-bottom:8px;}

/* WhatsApp flotante */
.whatsapp-float {position:fixed; bottom:20px; right:20px; width:90px; height:90px; z-index:999;}
.whatsapp-float img {width:100%; height:auto;}

/* Responsive */
@media (max-width:1024px){
    .hero{flex-direction:column;}
    .hero-left,.hero-right{width:100%;}
    .troqueles-container, .nosotros-container{flex-direction:column;}
}
@media (max-width:768px){
    .troqueles-grid, .hero-grid{grid-template-columns:1fr;}
}