/* =====================================================================
   home.css - portada (index.html / indexc.html)
   Cargar DESPUÉS de responsive.css y contacto.css.
   ===================================================================== */
.home {max-width:1040px}
.home-box {margin-top:30px}
.home-box .facts {margin-bottom:0}

/* Resto de la portada sobre el fondo de madera */
.home-wood {padding-top:44px; padding-bottom:6px}
.home-wood .home-h {color:#fff; border-bottom-color:rgba(255,255,255,.35); text-shadow:0 1px 3px rgba(0,0,0,.5); text-align:center; border-bottom:0; padding-bottom:0}
.home-wood .home-h::after {content:""; display:block; width:60px; height:4px; margin:12px auto 0; border-radius:2px; background:#ff9601}
.nb {white-space:nowrap}
.home-kicker, .home-kicker span {margin:0 0 12px; color:#950916; font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif; font-weight:700; font-size:23px; line-height:1.3; letter-spacing:.09em; text-transform:uppercase; text-shadow:0 1px 0 rgba(0,0,0,.08)}
.home-kicker span {margin:0}
.home .contact-lead {max-width:680px}
.home-actions {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:12px; margin-top:24px}
.home-actions .btn-submit, .home-actions .btn-call {height:54px; margin:0; box-shadow:none; font-size:17px; line-height:1}
.btn-inline {display:inline-flex; align-items:center; justify-content:center; text-decoration:none}
.home-call {flex:0 0 auto; width:auto; padding:0 24px; text-decoration:none}
.home-actions .btn-submit {padding:0 28px}

.facts {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 42px; padding:0}
.home-box .contact-head {margin-bottom:30px}
.fact {display:block; padding:18px 20px; background:#f7f5f1; border:1px solid #ebe5da; border-top:4px solid #ff9601; border-radius:10px; text-align:center}
.fact-t {display:block; margin-bottom:4px; color:#262626; font:700 17px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif}
.fact-s {display:block; color:#666; font-size:14px; line-height:1.4}

.home-block {margin:0 0 42px}
.home-h {letter-spacing:0; margin:0 0 18px; padding:0 0 12px; border-bottom:1px solid #e3dccf; color:#262626; font:normal 24px/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif}

.tiles {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0}
.tiles li {display:block; min-width:0}
.tile {box-shadow:0 3px 10px rgba(0,0,0,.25); display:block; height:100%; padding:16px 18px; background:#fff; border:1px solid #e3dccf; border-left:4px solid #ff9601; border-radius:10px; color:#262626; text-decoration:none; transition:background .15s, border-color .15s, transform .15s}
.tile:hover, .tile:focus-visible {background:#fff6e8; border-color:#ff9601; transform:translateY(-2px)}
.tile-t {display:block; margin-bottom:4px; font:700 17px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#950916}
.tile-s {display:block; color:#555; font-size:14px; line-height:1.4}

.mm {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr); gap:20px; align-items:center}
.mm-card {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:200px; padding:22px 16px; background:transparent; border:0; border-radius:12px; text-align:center; text-decoration:none; transition:transform .15s, box-shadow .15s, border-color .15s}
.mm-card:hover, .mm-card:focus-visible {transform:translateY(-3px)}
.mm-card:hover .mm-t, .mm-card:focus-visible .mm-t {color:#fff}
.mm-card img {display:block; width:96px; height:auto; background:transparent; filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.mm-t {color:#ff9601; text-shadow:0 1px 3px rgba(0,0,0,.6); font:700 18px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif}
.home-video {border-radius:12px; overflow:hidden; background:#000; box-shadow:0 6px 22px rgba(0,0,0,.25)}
.home-video video {display:block; width:100%; height:auto; aspect-ratio:16/10; background:#000}

.home-two {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0 0 42px; align-items:stretch}
.home-two .card {margin:0; box-shadow:0 4px 14px rgba(0,0,0,.3)}
.map-btn {height:auto; min-height:50px; margin-top:16px; padding:10px 14px; text-align:center; line-height:1.25; text-decoration:none}
.home-two .card {min-width:0}
.weather-fit {max-width:100%; overflow:hidden}
.weather {max-width:none}

.revista-box {margin-bottom:0}
.revista-box iframe {display:block; width:100%; max-width:920px; height:775px; margin:0 auto; border:0}

.footer-line {padding:26px 12px 34px; text-align:center}
.footer-text {color:#fff; font:700 15px/1.5 Arial, Helvetica, sans-serif; letter-spacing:.03em}
.footer-line a.tel-footer {color:#fff; text-decoration:none}

@media (max-width:1019px) {
    .tiles {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px) {
    .home-two {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:768px) {
    .home-box {margin-top:20px}
    .home-kicker, .home-kicker span {font-size:18px; letter-spacing:.06em}
    .home-actions {flex-direction:column; align-items:stretch}
    .home-call {width:100%; padding:0 12px}
    .home-wood {padding-top:30px}
    .home-actions .btn-inline {width:100%}
    .mm {grid-template-columns:minmax(0,1fr); gap:14px}
    .home-video {order:-1}
    .mm-card {flex-direction:row; justify-content:flex-start; min-height:0; gap:16px; padding:10px 8px; text-align:left}
    .mm-card img {width:64px; flex:0 0 64px}
    .home-h {font-size:21px}
    .revista-box {display:none}
    .footer-line {padding-bottom:84px}
}
@media (max-width:560px) {
    .facts {grid-template-columns:minmax(0,1fr); gap:10px; margin-bottom:30px}
    .tiles {grid-template-columns:minmax(0,1fr)}
    .home-block, .home-two {margin-bottom:30px}
}
@media (prefers-reduced-motion:reduce) {.tile, .mm-card {transition:none}}
.tel-row a {white-space:nowrap}