/*
Tramites Premium Design
*/

.tp-page{
max-width:1000px;
margin:auto;
}

.tp-hero{
background:linear-gradient(135deg,#0057b8,#003b7a);
padding:45px;
border-radius:30px;
color:#fff;
margin-bottom:35px;
box-shadow:0 20px 45px rgba(0,87,184,.25);
}

.tp-hero h1{
color:#fff;
font-size:42px;
line-height:1.15;
}

.tp-tag{
background:rgba(255,255,255,.2);
padding:8px 18px;
border-radius:30px;
font-size:14px;
}

.tp-box{
background:#fff;
padding:30px;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
margin:30px 0;
}

.tp-grid-info{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
}

.tp-grid-info div{
background:#f1f5f9;
padding:20px;
border-radius:18px;
}

.tp-button{
display:inline-block;
background:linear-gradient(135deg,#0057b8,#0074e8);
color:#fff!important;
padding:16px 32px;
border-radius:50px;
font-weight:700;
text-decoration:none;
margin-top:20px;
}

.tp-alert{
background:#fff7ed;
border-left:7px solid #f59e0b;
padding:25px;
border-radius:18px;
margin:30px 0;
}

.tp-requisitos{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.tp-requisitos div,
.tp-related-grid a{
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
text-decoration:none;
}

.tp-related{
background:#f8fafc;
padding:35px;
border-radius:25px;
margin-top:50px;
}

.tp-related-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.entry-content h2{
background:linear-gradient(135deg,#f8fbff,#edf6ff);
padding:18px 25px;
border-radius:16px;
border-left:7px solid #0057b8;
color:#003b7a;
}

.entry-content img{
border-radius:20px;
box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.entry-content table{
width:100%;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.entry-content th{
background:#0057b8;
color:white;
padding:16px;
}

.entry-content td{
padding:15px;
background:#fff;
}

@media(max-width:700px){
.tp-hero{
padding:25px;
}
.tp-hero h1{
font-size:28px;
}
.tp-grid-info,
.tp-requisitos,
.tp-related-grid{
grid-template-columns:1fr;
}
.tp-button{
width:100%;
text-align:center;
}
.entry-content{
font-size:16px;
}
.entry-content h2{
font-size:23px;
padding:15px;
}
.entry-content table{
display:block;
overflow-x:auto;
}
}