/* ============================================================
   SIMO & GENA · BABY STORE — Estilos exclusivos del index
   home.css · Martin Romero Studio
   ============================================================ */

.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;background:#FDFCF8;position:relative;overflow:hidden;}
.deco{position:absolute;pointer-events:none;z-index:0;}
.deco img{width:100%;height:100%;object-fit:contain;}
@keyframes floatSlow{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.float-anim{animation:floatSlow 5s ease-in-out infinite;}
.hero-inner{max-width:1200px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:var(--mint);color:#3f7a63;font-size:.76rem;font-weight:800;padding:6px 14px;border-radius:50px;margin-bottom:18px;letter-spacing:.5px;text-transform:uppercase;}
.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;line-height:1.15;color:#2d2d2d;margin-bottom:18px;}
.hero h1 .ct{color:var(--turquesa);}
.hero h1 .cn{color:var(--naranja);}
.hero-desc{font-size:1rem;color:#5f5f5f;line-height:1.7;margin-bottom:32px;max-width:420px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-end;}
.hero-dinos{display:flex;align-items:flex-end;justify-content:center;position:relative;}
.hero-trixi{width:230px;height:auto;animation:floatSlow 5s ease-in-out infinite;position:relative;z-index:2;}
.hero-rex{width:180px;height:auto;animation:floatSlow 5s ease-in-out infinite .8s;margin-left:-35px;position:relative;z-index:1;}
.hero-badge{position:absolute;background:white;border-radius:16px;padding:9px 14px;box-shadow:0 4px 20px rgba(0,0,0,.08);font-weight:800;font-size:.76rem;display:flex;align-items:center;gap:7px;z-index:5;}
.hero-badge.one{top:0;right:-5px;color:var(--naranja);}
.hero-badge.two{bottom:20px;left:-10px;color:var(--lila);}
.stats-bar{background:white;border-top:2px solid var(--mint);border-bottom:2px solid var(--mint);}
.stats-inner{max-width:1200px;margin:0 auto;padding:22px 24px;display:flex;justify-content:center;gap:56px;flex-wrap:wrap;}
.stat-num{font-family:'Nunito',sans-serif;font-weight:900;font-size:1.8rem;color:var(--turquesa);line-height:1;}
.stat-label{font-size:.73rem;color:#6d6d6d;font-weight:700;margin-top:3px;text-transform:uppercase;letter-spacing:.5px;}
.section{padding:76px 24px;}
.section-inner{max-width:1200px;margin:0 auto;}
.section-header{text-align:center;margin-bottom:48px;}
.section-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--turquesa-ink);margin-bottom:10px;}
.section-title{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:900;color:#2d2d2d;line-height:1.2;}
.section-desc{margin-top:10px;font-size:.96rem;color:#666;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7;}
.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,240px);gap:20px;margin-bottom:40px;justify-content:center;}
.preview-card{background:white;border-radius:20px;overflow:hidden;border:1.5px solid #f0efeb;transition:all .3s;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;}
.preview-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08);border-color:var(--mint);}
.pcard-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:3.2rem;position:relative;overflow:hidden;}
.pcard-img img{width:100%;height:100%;object-fit:cover;}
.pcard-body{padding:14px 16px 18px;flex:1;display:flex;flex-direction:column;}
.pcard-cat{font-size:.68rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;}
.ci{color:#6a63a8;} .cb{color:#3f8368;} .ca{color:#9a7108;} .cs{color:#b25f28;}
.pcard-name{font-family:'Nunito',sans-serif;font-weight:800;font-size:.9rem;color:#2d2d2d;margin-bottom:4px;}
.pcard-desc{font-size:.78rem;color:#767676;line-height:1.4;flex:1;}
.pcard-arrow{margin-top:12px;font-size:.78rem;font-weight:800;color:var(--turquesa-ink);display:flex;align-items:center;gap:4px;}
.preview-cta{text-align:center;}
#contacto{background:linear-gradient(135deg,#f0faf5,#f5f3ff);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.contact-info h3{font-size:1.7rem;font-weight:900;color:#2d2d2d;margin-bottom:14px;line-height:1.3;}
.contact-info p{color:#666;line-height:1.7;margin-bottom:28px;}
.contact-links{display:flex;flex-direction:column;gap:12px;}
.contact-link{display:flex;align-items:center;gap:14px;padding:12px 16px;background:white;border-radius:14px;border:1.5px solid #f0f0f0;text-decoration:none;color:#2d2d2d;font-weight:700;font-size:.88rem;transition:all .2s;}
.contact-link:hover{border-color:var(--turquesa);transform:translateX(4px);}
.contact-link-icon img{width:36px;height:36px;object-fit:contain;}
.contact-form-wrap{background:white;border-radius:24px;padding:32px;border:1.5px solid #f0efeb;box-shadow:0 8px 40px rgba(0,0,0,.05);}
.contact-form-wrap h4{font-size:1.1rem;font-weight:900;color:#2d2d2d;margin-bottom:22px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-weight:800;font-size:.76rem;color:#555;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;}
.form-group input,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid #e8e8e8;border-radius:12px;font-family:'Quicksand',sans-serif;font-size:.88rem;font-weight:600;color:#333;background:#FDFCF8;transition:border-color .2s;outline:none;}
.form-group input:focus,.form-group textarea:focus{border-color:var(--turquesa);background:white;}
.form-group textarea{resize:vertical;min-height:90px;}
.btn-form{width:100%;background:var(--turquesa);color:white;border:none;border-radius:50px;padding:13px;font-family:'Quicksand',sans-serif;font-weight:900;font-size:.92rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(126,195,176,.3);display:flex;align-items:center;justify-content:center;gap:8px;}
.btn-form:hover{background:var(--turquesa-hover);transform:translateY(-2px);}
.btn-form:disabled{opacity:.7;cursor:not-allowed;transform:none;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes popIn{0%{transform:scale(.5);opacity:0;}100%{transform:scale(1);opacity:1;}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@media(max-width:768px){
  .hero-inner{grid-template-columns:1fr;text-align:center;gap:28px;padding:36px 20px 56px;}
  .hero-ctas{justify-content:center;}
  .hero-desc{margin:0 auto 26px;}
  .hero-visual{order:-1;}
  .hero-trixi{width:155px;}
  .hero-rex{width:125px;}
  .hero-badge.one{right:0;top:0;}
  .hero-badge.two{left:0;bottom:5px;}
  .stats-inner{gap:24px;}
  .contact-grid{grid-template-columns:1fr;}
  .preview-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
}
@media(max-width:480px){
  .section{padding:52px 16px;}
  .hero-ctas{flex-direction:column;align-items:center;}
  .btn-primary,.btn-secondary{width:100%;justify-content:center;}
}