/* Imperium Legal — estilos del sitio */

html{scroll-behavior:smooth}
body{margin:0;background:#FBF8F4}
a{color:#602C3B;text-decoration:none;transition:color .25s ease}
a:hover{color:#262225}
.nav a{color:#262225;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:#602C3B;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.nav a:hover{color:#602C3B}
.nav a:hover::after{transform:scaleX(1)}
.light a{color:#FFFFFF}
.foot a{color:#E7D6CD}
.foot a:hover{color:#FFFFFF}
.tile{overflow:hidden}
.tile img.zoom{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tile:hover img.zoom{transform:scale(1.06)}
.tile .more{display:inline-flex;gap:8px;align-items:center}
.tile .more .ar{transition:transform .3s ease}
.tile:hover .more .ar{transform:translateX(6px)}
.card:hover .card-title{color:#602C3B}
.acc-btn:hover .card-title{color:#602C3B}
.plus{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.btn-borg,.btn-white,.btn-line,.chip,.term,.step{transition:background .25s ease,color .25s ease,border-color .25s ease}
.btn-borg:hover{background:#262225 !important}
.btn-white:hover{background:#E7D6CD !important}
.btn-line:hover{background:#FFFFFF !important;color:#262225 !important}
.chip:hover{border-color:#602C3B !important}
.term:hover{color:#602C3B !important}
.step:hover h4{color:#602C3B}
input,select,textarea{transition:border-color .25s ease, box-shadow .25s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:#602C3B !important;box-shadow:0 0 0 3px rgba(96,44,59,.15)}
input,select,textarea,button{font-family:'Jost',sans-serif}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.09)}}
@keyframes par{from{transform:translateY(-9%)}to{transform:translateY(9%)}}
.fade{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}
.fade-2{animation:fadeUp .8s .12s cubic-bezier(.2,.7,.2,1) both}
.fade-3{animation:fadeUp .8s .24s cubic-bezier(.2,.7,.2,1) both}
.fade-in{animation:fadeIn .5s ease both}
.kb{animation:kb 8s ease-out both}
.bar-fill{display:block;height:2px;width:100%;background:#FFFFFF;transform-origin:left;animation:fill 7s linear both}
@supports (animation-timeline: view()){
.reveal{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
.parallax{animation:par linear both;animation-timeline:view()}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none !important;transition:none !important}
}
@media (max-width:860px){
.pad{padding-left:20px !important;padding-right:20px !important}
.hero-title{font-size:40px !important}
.sec-title{font-size:32px !important}
.span2{grid-column:auto !important}
.rspan2{grid-row:auto !important}
.hide-sm{display:none !important}
.sticky{position:static !important}
}

/* Blog y artículos */

html{scroll-behavior:smooth}
body{margin:0;background:#FBF8F4}
a{color:#602C3B;text-decoration:none;transition:color .25s ease}
a:hover{color:#262225}
.nav a{color:#262225;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:#602C3B;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.nav a:hover{color:#602C3B}
.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
.nav a.on{color:#602C3B}
.foot a{color:#E7D6CD}
.foot a:hover{color:#FFFFFF}
.tile{overflow:hidden}
.tile img.zoom{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tile:hover img.zoom{transform:scale(1.05)}
.tile:hover .card-title{color:#602C3B}
.tile .ar{display:inline-block;transition:transform .3s ease}
.tile:hover .ar{transform:translateX(6px)}
.chip,.btn-borg,.back{transition:background .25s ease,color .25s ease,border-color .25s ease}
.chip:hover{border-color:#602C3B !important}
.btn-borg:hover{background:#262225 !important}
.back:hover{color:#262225 !important}
.src a{color:#602C3B;text-decoration:underline;text-decoration-color:rgba(96,44,59,.35);text-underline-offset:3px}
.src a:hover{text-decoration-color:#602C3B}
input{transition:border-color .25s ease, box-shadow .25s ease;font-family:'Jost',sans-serif}
input:focus{outline:none;border-color:#602C3B !important;box-shadow:0 0 0 3px rgba(96,44,59,.15)}
button{font-family:'Jost',sans-serif}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fade{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}
.fade-in{animation:fadeIn .45s ease both}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none !important;transition:none !important}
}
@media (max-width:860px){
.pad{padding-left:20px !important;padding-right:20px !important}
.hero-title{font-size:38px !important}
.sec-title{font-size:30px !important}
.sticky{position:static !important}
}

/* Sitio estático */
[hidden]{display:none !important}
.acc-item.is-open .plus{transform:rotate(45deg)}
.step:hover .step-title,.step[aria-selected="true"] .step-title{color:#602C3B}
.menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #CDBFB8;background:transparent;cursor:pointer;color:#262225}
.skip{position:absolute;left:-9999px;top:0;background:#602C3B;color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:12px;top:12px;color:#fff}
.prose h2{margin:0;font-family:'Bodoni Moda',Georgia,serif;font-weight:400;font-size:34px;line-height:1.2}
.prose h3{margin:0;font-family:'Bodoni Moda',Georgia,serif;font-weight:400;font-size:24px}
.prose p,.prose li{font-size:16px;line-height:1.8;color:#3A3336}
@media (max-width:860px){
.menu-btn{display:inline-flex}
.site-nav{display:none !important;width:100%;flex-direction:column;gap:4px !important;padding:8px 0}
.site-nav.is-open{display:flex !important}
.site-nav a{padding:10px 0 !important}
.hdr-cta{display:none !important}
.hero{height:760px !important}
.hero-cap{display:none !important}
}