/* ============================================================
   movidacarlospaz.com.ar — estilos (Bootstrap 5 + esto)
   Fondos claros, naranja de marca #ff9934.
   ============================================================ */
:root{
  --marca:#ff9934; --marca-osc:#d9741a; --marca-suave:#fff3e6;
  --texto:#2b2b2b; --texto-suave:#6b6b6b; --borde:#ececec; --fondo-suave:#f8f8f6;
}
html{scroll-behavior:smooth}
body{font-family:"Mulish","Helvetica",Arial,sans-serif;color:var(--texto);background:#fff;font-size:16px;line-height:1.6}
a{color:var(--marca-osc)}
a:hover{color:#b55e10}
h1,h2,h3,h4{color:#1f1f1f;font-weight:700;line-height:1.25}
h1{font-size:2rem;margin:1.2rem 0 1rem}
h2{font-size:1.55rem;margin-top:2rem}
h3{font-size:1.25rem;margin-top:1.6rem}
h4{font-size:1.05rem}
img{max-width:100%;height:auto}
.img-fluid{border-radius:8px}

/* Encabezado */
.mcp-hd{background:#fff;border-bottom:3px solid var(--marca)}
.mcp-hd-top{display:flex;align-items:center;justify-content:space-between;padding:.8rem 12px}
.mcp-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--texto)}
.mcp-brand img{border-radius:50%}
.mcp-hd-sub{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--marca-osc);font-weight:700}
.mcp-hd-title{display:block;font-size:1.6rem;font-weight:800;line-height:1.1;color:#1f1f1f}
.mcp-hd-title i{color:var(--marca)}
.mcp-redes{gap:.5rem}
.mcp-redes a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--fondo-suave);color:var(--texto);text-decoration:none}
.mcp-redes a:hover{background:var(--marca);color:#1f1f1f}
.mcp-nav{background:var(--fondo-suave);border-top:1px solid var(--borde);padding:0}
.mcp-nav .nav-link{color:var(--texto);font-weight:700;padding:.75rem 1rem!important}
.mcp-nav .nav-link:hover,.mcp-nav .nav-link.active{color:var(--marca-osc)}
.mcp-nav .navbar-toggler{border:0;margin:.4rem 0}
.mcp-nav .dropdown-item:active{background:var(--marca)}

/* Contenido */
main{padding-bottom:2rem}
section{margin:0}
.page-title h1{margin-top:1.5rem}
.page-ini{background:var(--fondo-suave);text-align:center}
.page-ini h1{color:var(--marca-osc);font-size:2.4rem}
.seccion-suave{background:var(--fondo-suave);padding:2rem 0}
.seccion-banda{background:var(--marca);padding:1rem 0}
.seccion-banda h2{color:#1f1f1f;margin:0;text-align:center}
.titulo-seccion{border-bottom:2px solid var(--marca);padding-bottom:.3rem;margin-top:3rem}
.banda{background:var(--marca-suave);border-left:5px solid var(--marca);border-radius:6px;padding:.7rem 1rem;color:#1f1f1f;margin-top:2.5rem}
.ficha{background:var(--fondo-suave);border:1px solid var(--borde);border-left:4px solid var(--marca);border-radius:8px;padding:1rem 1.1rem;margin-top:1.8rem}
.ficha h4{margin-top:.2rem}
.ficha p{margin-bottom:.45rem}
.etiqueta{font-weight:700;color:#444}
.acento{color:var(--marca-osc)}
.destacado{background:var(--marca-suave);border:1px solid #ffe0bf;border-radius:8px;padding:1.2rem 1rem;margin:1.5rem 0;text-align:center}
.destacado a{color:#1f1f1f;text-decoration:none}
.destacado a:hover{color:var(--marca-osc)}
.btn-mcp{background:var(--marca);border:1px solid var(--marca);color:#1f1f1f;padding:1rem;font-weight:400;white-space:normal;margin-bottom:.5rem}
.btn-mcp:hover,.btn-mcp:focus{background:var(--marca-osc);border-color:var(--marca-osc);color:#fff}
.text-muted{color:var(--texto-suave)!important}
iframe{max-width:100%}
table{width:100%}

/* Cartelera */
.mcp-aviso{background:#fffaf2;border:1px dashed #ffc98f;border-radius:8px;padding:.8rem 1rem;margin:1.2rem 0;font-size:.95rem}
.mcp-aviso i{color:var(--marca-osc)}
.mcp-lista{padding-left:1.1rem}
.mcp-lista li{margin:.35rem 0}
.mcp-faq h3{font-size:1.1rem}

/* Barra lateral */
.mcp-lateral{margin-top:2.5rem}
.mcp-lateral-box{display:block;background:var(--marca-suave);border:1px solid #ffe0bf;border-radius:8px;padding:1.2rem;margin-bottom:1rem;text-align:center;font-weight:800;font-size:1.25rem;color:#1f1f1f;text-decoration:none}
.mcp-lateral-box:hover{background:var(--marca);color:#1f1f1f}

/* Anuncios */
.mcp-ad{margin:2rem auto;text-align:center;min-height:100px}

/* Pie */
.mcp-ft{background:var(--fondo-suave);border-top:3px solid var(--marca);padding-top:2rem;color:var(--texto-suave);font-size:.95rem}
.mcp-ft a{color:var(--texto)}
.mcp-ft-temp{margin:.4rem 0;color:var(--marca-osc);font-weight:700}
.mcp-ft-tit{font-size:1.15rem;color:var(--texto)}
.mcp-ft-links{text-align:center;margin-top:1.5rem}
.mcp-ft-copy{text-align:center;padding:1rem;border-top:1px solid var(--borde);margin-top:1rem;font-size:.85rem}
.mcp-ft-copy a{text-decoration:none}
.mcp-arriba{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;background:var(--marca);color:#1f1f1f;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;text-decoration:none}
.mcp-arriba.visible{opacity:1;pointer-events:auto}

/* Formulario */
.hidden{display:none}
.help-block.with-errors{color:#b00020;font-size:.9rem}

@media (max-width:767px){
  h1{font-size:1.6rem}
  .page-ini h1{font-size:1.9rem}
  .mcp-hd-title{font-size:1.3rem}
}

/* Animaciones (solo con JS; sin movimiento si el usuario lo pidió) */
.mcp-anim{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.mcp-anim.mcp-in{opacity:1;transform:none}
.ficha,.destacado,.mcp-lateral-box,.btn-mcp{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .6s ease}
.ficha.mcp-in:hover,.ficha:not(.mcp-anim):hover,.destacado:hover,.mcp-lateral-box:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.07)}
.btn-mcp:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,153,52,.35)}
.mcp-hd-title i{display:inline-block;animation:mcp-sol 14s linear infinite}
@keyframes mcp-sol{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){
  .mcp-anim{opacity:1;transform:none;transition:none}
  .ficha,.destacado,.mcp-lateral-box,.btn-mcp{transition:none}
  .mcp-hd-title i{animation:none}
  html{scroll-behavior:auto}
}
@media print{.mcp-anim{opacity:1!important;transform:none!important}}

/* ===== Ilustración de la portada (all-hero.php) ===== */
.mcp-hero{max-width:1200px;margin:0 auto;aspect-ratio:1200/420;overflow:hidden;border-radius:0 0 18px 18px}
.mcp-hero svg{display:block;width:100%;height:100%}
.mcp-hero *{transform-box:fill-box}
.mcp-hero .h-rayos{transform-origin:center;animation:h-gira 40s linear infinite}
.mcp-hero .h-nube1{transform:translate(-120px,70px);animation:h-nube1 70s linear infinite}
.mcp-hero .h-nube2{transform:translate(-120px,130px);animation:h-nube2 95s linear infinite;animation-delay:-40s}
.mcp-hero .h-pajaros{transform:translate(-80px,110px);animation:h-pajaros 38s linear infinite}
.mcp-hero .h-rio{animation:h-rio 2.5s linear infinite}
.mcp-hero .h-olas{animation:h-olas 9s linear infinite}
.mcp-hero .h-barco{animation:h-barco 4s ease-in-out infinite}
.mcp-hero .h-luces circle{animation:h-luz 1.6s ease-in-out infinite}
.mcp-hero .h-luces circle:nth-child(2n){animation-delay:.8s}
.mcp-hero .h-mascara1{transform-origin:center;animation:h-masc 5s ease-in-out infinite}
.mcp-hero .h-mascara2{transform-origin:center;animation:h-masc 5s ease-in-out infinite reverse}
.mcp-hero .h-aguja-m{transform-origin:50% 100%;animation:h-gira 12s linear infinite}
.mcp-hero .h-aguja-h{transform-origin:50% 100%;animation:h-gira 144s linear infinite}
.mcp-hero .h-pendulo{transform-origin:50% 0;animation:h-pendulo 2s ease-in-out infinite}
.mcp-hero .h-puerta{transform-origin:0 50%;animation:h-puerta 8s ease-in-out infinite}
.mcp-hero .h-puerta2{transform-origin:100% 50%}
.mcp-hero .h-cucu{animation:h-cucu 8s ease-in-out infinite}
@keyframes h-gira{to{transform:rotate(360deg)}}
@keyframes h-nube1{from{transform:translate(-120px,70px)}to{transform:translate(1320px,70px)}}
@keyframes h-nube2{from{transform:translate(-120px,130px)}to{transform:translate(1320px,130px)}}
@keyframes h-pajaros{from{transform:translate(-80px,110px)}50%{transform:translate(600px,80px)}to{transform:translate(1300px,120px)}}
@keyframes h-rio{to{stroke-dashoffset:-48}}
@keyframes h-olas{to{transform:translateX(100px)}}
@keyframes h-barco{0%,100%{transform:translate(560px,336px) rotate(-2deg)}50%{transform:translate(566px,331px) rotate(2deg)}}
@keyframes h-luz{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes h-masc{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes h-pendulo{0%,100%{transform:rotate(14deg)}50%{transform:rotate(-14deg)}}
@keyframes h-puerta{0%,70%,100%{transform:scaleX(1)}76%,92%{transform:scaleX(.08)}}
@keyframes h-cucu{0%,72%,100%{transform:translateY(0) scale(.6);opacity:0}78%,90%{transform:translateY(-4px) scale(1.15);opacity:1}}
@media (max-width:767px){.mcp-hero{border-radius:0}}
@media (prefers-reduced-motion: reduce){.mcp-hero *{animation:none!important}}