/*
Theme Name: Datos Forenses
Theme URI: https://tudominio.com
Author: Tu Nombre
Description: Tema inspirado en archivos forenses, con diseño de libreta antiguo y tipografía Special Elite.
Version: 1.0
License: GPLv2 or later
Text Domain: datosforenses
*/

*{box-sizing:border-box}body{margin:0;padding:40px;font-family:Arial,sans-serif;background:#d7cfbd;background-image:radial-gradient(circle at 15% 10%,rgba(255,255,255,.18),transparent 35%),repeating-linear-gradient(45deg,rgba(0,0,0,.012)0 2px,transparent 2px 6px)}
.layout{max-width:1450px;margin:auto;display:flex;gap:28px;align-items:flex-start}
.brand{width:150px;display:flex;justify-content:center;padding-top:35px;margin-right:45px;flex-shrink:0}
.brand h1{font-family:'Special Elite',monospace;font-size:42px;line-height:.95;text-align:center;margin:0}
.brand .d{color:#222}.brand .f{color:#8b0000}
.brandsearch{margin-top:18px;width:100%}
.brandsearch input,.brandsearch form{width:100%}
.brandsearch input{padding:10px 12px;border:2px solid #b59f63;border-radius:4px;font-size:15px;background:#f8f4e8;width:100%}
.wrapper{flex:1;display:flex;gap:28px;align-items:flex-start}
main{flex:1}aside{width:270px}
.panel{background:#f8f4e8;border:3px solid #555;box-shadow:0 10px 25px rgba(0,0,0,.2),inset 0 0 50px rgba(0,0,0,.03)}
.header{padding:30px;text-align:center;position:relative}
.badge{position:absolute;left:20px;top:20px;background:#8b0000;color:#fff;padding:10px 16px;border-radius:5px;font-family:'Special Elite',monospace;font-size:14px}
h1{font-family:'Special Elite',monospace;font-size:42px;margin:15px 0 8px}
.desc{max-width:800px;margin:auto;font-size:18px;line-height:1.7}
.meta{margin-top:18px;font-family:'Special Elite',monospace;font-size:20px;color:#8b0000}
.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:25px}
.filters a{padding:10px 18px;background:#ece2c7;border:2px solid #b59f63;color:#333;text-decoration:none;border-radius:4px;font-family:'Special Elite',monospace;transition:.25s}
.filters a:hover{transform:translateY(-2px);background:#8b0000;color:#fff}
.grid{padding:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px}
.card{position:relative;background:#efe3bc;border:2px solid #b59f63;padding-top:8px;transition:.28s;text-decoration:none;display:block;color:inherit}
.card:before{content:"";position:absolute;left:18px;top:-18px;width:78px;height:18px;background:#dbc78d;border:2px solid #b59f63;border-bottom:none}
.card:after{content:"";position:absolute;right:10px;top:-10px;width:16px;height:26px;border:2px solid #888;border-radius:8px;transform:rotate(18deg)}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.22)}
.card img{width:100%;height:150px;object-fit:cover;transition:.28s}
.card:hover img{transform:scale(1.05)}
.card h3,.card p{text-align:center;padding-left:12px;padding-right:12px}
.card h3{padding:12px 12px 0;margin:0;font-size:18px}
.card p{padding:0 12px 16px;margin:0;font-size:14px;color:#555}
.pagination{display:flex;justify-content:center;gap:8px;padding:30px;flex-wrap:wrap}
.pagination a,.pagination span{padding:12px 18px;text-decoration:none;background:#ece2c7;border:2px solid #b59f63;color:#333;font-family:'Special Elite',monospace;transition:.25s}
.pagination a:hover{transform:translateY(-2px)}
.pagination .current{background:#8b0000!important;color:#fff!important}
.sidebar{padding:24px}
.sidebar h2{font-family:'Special Elite',monospace;text-align:center;font-size:28px}
.col{background:#ece2c7;border-left:6px solid #8b0000;padding:13px;margin:10px 0;transition:.25s;display:block;text-decoration:none;color:#333}
.col:hover{transform:translateX(6px);background:#f3e9cb;border-left-width:10px}
@media(max-width:1100px){.layout,.wrapper{flex-direction:column}.brand{width:100%;margin:0;padding:0}aside{width:100%}}
.hero{background:#f8f4e8;border:3px solid #555;padding:45px;box-shadow:0 10px 25px rgba(0,0,0,.2);text-align:center;margin:30px 0}
.hero h2{font-family:'Special Elite',monospace;font-size:42px;margin:0 0 10px}
.search{max-width:800px;margin:30px auto;display:flex}
.search input{flex:1;padding:18px;font-size:20px;border:2px solid #b59f63;background:#fff7e6}
.search button{padding:18px 30px;border:none;background:#8b0000;color:#fff;font-weight:bold;cursor:pointer}
.random,.btn-forense{display:inline-block;margin-top:15px;background:#37474f;color:#fff;text-decoration:none;padding:14px 22px;border-radius:5px;border:none;font-family:Arial;transition:.25s}
.random:hover,.btn-forense:hover{background:#8b0000;color:#fff;transform:translateY(-2px)}
.folder{position:relative;background:#efe3bc;border:2px solid #b59f63;padding:22px;text-align:center;transition:.3s;display:block;text-decoration:none;color:#333}
.folder:before{content:"";position:absolute;left:18px;top:-18px;width:90px;height:18px;background:#dbc78d;border:2px solid #b59f63;border-bottom:none}
.folder:hover{transform:translateY(-8px);box-shadow:0 12px 20px rgba(0,0,0,.25)}
.folder .icon{font-size:48px;display:block}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.stat{background:#ece2c7;padding:25px;text-align:center;border-left:6px solid #8b0000}
.stat b{font-size:42px;display:block}
.day{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.day img{width:100%;box-shadow:0 10px 18px rgba(0,0,0,.3);transform:rotate(-1deg)}
.single-img{text-align:center;margin:20px 0}
.single-img img{max-width:560px;width:100%;background:#fff;padding:8px;box-shadow:0 10px 18px rgba(0,0,0,.28);transform:rotate(-1deg)}
.navdatos{margin:22px 0 6px;display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap}
.navbtn{flex:1;max-width:220px;text-align:center;text-decoration:none;color:#333;background:#ece2c7;border:2px solid #b59f63;padding:12px 10px;border-radius:4px;font-family:'Special Elite',monospace}
.navbtn.random{background:#8b0000;color:#fff;border-color:#6f0000}
.navbtn:hover{transform:translateY(-2px)}
@media(max-width:700px){body{padding:20px 8px}.navdatos{flex-direction:column}.navbtn{max-width:none;width:100%}.navbtn.random{order:-1}.day{grid-template-columns:1fr}.search{flex-direction:column}.search button{margin-top:8px}}

.brand h1 a {
    text-decoration: none;
    color: inherit;
}