/*
Theme Name:   Portal Midwest Brasil
Theme URI:    https://www.midwestbrasil.com
Author:       Lucas Barbosa da Silva
Author URI:   https://www.midwestbrasil.com
Description:  Plataforma Midwest Brasil.
Version:      Beta Teste
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org
* Data: 2026-02-22
*/

body{
margin:0;
font-family:'Inter',sans-serif;
background:#020617;
color:white;
overflow-x:hidden;
}

/* CINEMATIC */

#opening{
position:fixed;
inset:0;
background:black;
display:flex;
justify-content:center;
align-items:center;
z-index:9999;
transition:opacity 1.5s ease;
}

#opening video{
width:100%;
height:100%;
object-fit:cover;
}

/* HERO */

.hero{
position:relative;
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
overflow:hidden;
}

.hero video{
position:absolute;
top:50%;
left:50%;
min-width:100%;
min-height:100%;
transform:translate(-50%,-50%);
object-fit:cover;
z-index:-2;
}

.hero::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.9));
z-index:-1;
}


/* COUNTER */

.counter{
font-size:56px;
color:#facc15;
font-weight:800;
margin-top:30px;
}

/* SECTION */

.section{
padding:90px 10%;
}

.section h2{
font-size:34px;
border-left:6px solid #facc15;
padding-left:18px;
margin-bottom:40px;
}

/* GRID */

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}

.card{
background:#0f172a;
padding:35px;
border-radius:14px;
}

/* MAP */

.map{
background:#020617;
border:1px solid rgba(255,255,255,0.1);
padding:40px;
text-align:center;
border-radius:16px;
font-size:20px;
}

/* TIMELINE */

.timeline div{
margin-bottom:16px;
padding:16px;
background:#020617;
border-left:4px solid #facc15;
}

/* BUTTONS */

.center{text-align:center;}

button{
background:#facc15;
border:none;
padding:18px 40px;
font-weight:800;
cursor:pointer;
border-radius:6px;
margin:10px;
}

footer{
background:black;
padding:30px;
text-align:center;
opacity:.7;
}

/* =========================
MOBILE ULTRA RESPONSIVE
========================= */

@media (max-width:900px){

.hero{
height:auto;
min-height:100vh;
padding:80px 20px;
}

.hero h1{
font-size:28px;
}

.hero p{
font-size:16px;
}

.counter{
font-size:34px;
}

.section{
padding:60px 22px;
}

.section h2{
font-size:24px;
}

.grid{
grid-template-columns:1fr;
}

.card{
padding:24px;
font-size:16px;
}

.map{
font-size:16px;
padding:24px;
}

.timeline div{
font-size:15px;
padding:14px;
}

button{
width:100%;
max-width:420px;
padding:18px;
font-size:16px;
}

footer{
font-size:14px;
padding:24px;
}

/* vídeos ajustados */

video{
max-width:100%;
height:auto;
}

}


/* EXTRA SMALL PHONES */

@media (max-width:480px){

.hero h1{
font-size:22px;
}

.counter{
font-size:28px;
}

.section{
padding:50px 18px;
}

}