/* Dirección visual 2026: identidad editorial, selva y territorio */
::selection{background:#dba74f;color:#102d23}
body{background:#f3efe4}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 18% 30%,rgba(169,88,53,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 77% 67%,rgba(18,58,45,.16) 0 1px,transparent 1.5px);background-size:31px 31px,43px 43px}
a,button{transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
:focus-visible{outline:3px solid #e1a844!important;outline-offset:4px}

@media(min-width:901px){
  header{top:14px;width:calc(100% - 36px);max-width:1480px;margin:0 auto;border:1px solid rgba(23,53,43,.13);border-radius:22px;box-shadow:0 18px 55px rgba(16,45,35,.11)}
  .hero{margin-top:14px;padding:22px clamp(22px,3vw,44px) 42px}
  .page-hero{margin-top:38px;box-shadow:0 30px 90px rgba(18,58,45,.14)}
}

.brand img{filter:drop-shadow(0 6px 10px rgba(17,54,41,.16))}
header nav a{position:relative;overflow:hidden}
header nav a:not([aria-current="page"]):hover{box-shadow:inset 0 0 0 1px rgba(23,60,48,.18)}

.hero>div{overflow:hidden;background:linear-gradient(145deg,#0e3025 0%,#184a38 66%,#205d46 100%)}
.hero>div::before{content:"EL CENSO  ·  CHIAPAS";position:absolute;right:-68px;top:50%;color:rgba(255,255,255,.055);font:800 70px/1 system-ui;letter-spacing:.08em;transform:rotate(90deg) translateX(50%);transform-origin:right top;white-space:nowrap}
.hero>div::after{content:"";position:absolute;left:clamp(28px,6vw,90px);bottom:48px;width:92px;height:3px;background:#e1a844;box-shadow:108px 0 0 rgba(255,255,255,.22)}
.hero h1{text-wrap:balance;text-shadow:0 12px 34px rgba(5,25,18,.22)}
.hero figure::before,.page-hero figure::before{content:"";position:absolute;inset:18px;z-index:1;border:1px solid rgba(255,255,255,.35);border-radius:14px;pointer-events:none}
.hero figure,.page-hero figure{position:relative}
.hero figcaption{z-index:2}
.buttons a,.page-actions a{border-radius:999px;box-shadow:0 8px 22px rgba(8,34,25,.12)}
.buttons a:hover,.page-actions a:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(8,34,25,.2)}

.quick-wrap{position:relative;overflow:hidden}
.quick-wrap::before{content:"";position:absolute;right:-110px;top:-150px;width:360px;height:360px;border:1px solid rgba(18,58,45,.1);border-radius:50%;box-shadow:0 0 0 42px rgba(18,58,45,.035),0 0 0 84px rgba(18,58,45,.025)}
.quick-heading{position:relative;z-index:1}
.quick-wrap .quick a{position:relative;overflow:hidden;isolation:isolate}
.quick-wrap .quick a>span{position:absolute;right:14px;bottom:-15px;z-index:-1;color:rgba(18,58,45,.07);font:700 92px/1 Georgia,serif;letter-spacing:-.08em}
.quick-wrap .quick a:hover>span{color:rgba(255,255,255,.09)}
.quick-wrap .quick a:nth-child(2),.quick-wrap .quick a:nth-child(5){background:#ebe4d5}

.portal-search form{border:1px solid rgba(23,53,43,.12);box-shadow:0 22px 60px rgba(18,58,45,.13)}
.search-suggestions button:hover{background:#173c30;color:#fff;transform:translateY(-2px)}

.section>label,.split label,.gallery>label,.contact label{display:inline-flex;align-items:center;gap:9px}
.section>label::before,.split label::before,.gallery>label::before,.contact label::before{content:"";width:28px;height:2px;background:currentColor}
.cards article,.detail-grid article,.evidence-card{position:relative;overflow:hidden}
.cards article::after,.detail-grid article::after,.evidence-card::after{content:"";position:absolute;right:-28px;bottom:-28px;width:76px;height:76px;border:1px solid rgba(18,58,45,.1);border-radius:50%;box-shadow:0 0 0 12px rgba(18,58,45,.025)}
.cards article:hover,.detail-grid article:hover,.evidence-card:hover{border-color:rgba(23,83,62,.32);box-shadow:0 25px 65px rgba(18,58,45,.13);transform:translateY(-6px)}

.notices .status{position:relative;overflow:hidden;border:1px solid rgba(169,88,53,.22);border-left:0;border-radius:24px;background:#fff9ef;box-shadow:0 22px 56px rgba(85,54,27,.09)}
.notices .status::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:#b56839}
.notices .status small{display:inline-block;padding:7px 10px;border-radius:999px;background:#f0dfc3}

.photo-grid{gap:14px!important}
.photo-grid figure{position:relative;overflow:hidden;border-radius:24px!important;background:#173c30;box-shadow:0 22px 54px rgba(18,58,45,.14)}
.photo-grid figure:nth-child(1){grid-column:span 2}
.photo-grid img{transition:transform .6s ease,filter .6s ease}
.photo-grid figure:hover img{transform:scale(1.035);filter:saturate(1.08)}
.photo-grid figcaption{background:linear-gradient(0deg,rgba(8,31,23,.92),rgba(8,31,23,.08))!important;color:#fff!important}

.page-hero{position:relative;background:#e9e1d1}
.page-hero>div{position:relative;overflow:hidden}
.page-hero>div::after{content:"";position:absolute;left:7vw;bottom:52px;width:68px;height:3px;background:#b66b39}
.page-hero label{display:inline-flex;align-items:center;gap:10px}.page-hero label::before{content:"";width:30px;height:2px;background:currentColor}
.page-hero h1{text-wrap:balance}
.detail-grid{gap:14px;background:transparent}
.detail-grid article:nth-child(3n+2){background:#f0eadc}
.evidence-section{position:relative}
.evidence-card--current{box-shadow:inset 0 4px 0 #3d7b5e}
.source-strip{border-top:1px solid rgba(23,53,43,.12);border-bottom:1px solid rgba(23,53,43,.12)}

.contact{position:relative;overflow:hidden}
.contact::after{content:"";position:absolute;right:-80px;bottom:-150px;width:340px;height:340px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 46px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.018)}
.contact>*{position:relative;z-index:1}
.report-fab{box-shadow:0 18px 46px rgba(90,42,26,.38)}

@media(max-width:900px){
  .hero>div::before{font-size:48px;right:-52px}
  .hero>div::after{bottom:28px}
  .photo-grid figure:nth-child(1){grid-column:auto}
  .page-hero{margin:14px;border-radius:24px}
}
@media(max-width:560px){
  body::after{display:none}
  .hero>div::before,.hero>div::after,.page-hero>div::after{display:none}
  .hero figure::before,.page-hero figure::before{inset:10px}
  .quick-wrap .quick a>span{font-size:72px}
  .photo-grid figure{border-radius:18px!important}
  .notices .status{padding:28px}
}
@media(prefers-reduced-motion:reduce){.photo-grid img{transition:none}.photo-grid figure:hover img{transform:none}}