/*
Theme Name: Recio de Luis
Theme URI: https://reciodeluis.es
Author: Shinoda
Author URI: https://eslaidea.com
Description: Tema ligero e independiente para la portada provisional de Transportes Recio de Luis. Compatible con plugins de gestión propios.
Version: 1.0.1
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: recio-de-luis
*/
:root{--navy:#102f56;--navydark:#091d36;--orange:#fc7013;--text:#132c4e;--muted:#53647b;--off:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--off)}a{color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.recio-page{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.recio-topline{height:6px;background:linear-gradient(90deg,var(--orange) 0 40%,var(--navy) 40% 100%)}.recio-header,.recio-main,.recio-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto}.recio-header{padding:32px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:32px}.recio-logo{width:min(480px,100%);height:auto;display:block}.recio-tag{font-size:12px;font-weight:750;letter-spacing:.18em;color:#63758c;text-transform:uppercase;white-space:nowrap}.recio-main{flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,6vw,100px);padding-block:54px 90px}.recio-kicker{font-weight:800;text-transform:uppercase;color:var(--orange);letter-spacing:.20em;font-size:13px;display:flex;align-items:center;gap:12px}.recio-kicker:before{content:"";display:block;width:35px;height:3px;background:var(--orange)}.recio-title{font-size:clamp(42px,5.4vw,80px);letter-spacing:-.054em;line-height:1.08;margin:23px 0;color:var(--navydark);font-weight:830}.recio-title span{color:var(--orange)}.recio-intro{font-size:clamp(17px,1.45vw,21px);line-height:1.7;color:var(--muted);max-width:560px;margin:0 0 40px}.recio-contact-label{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#65748a;margin:0 0 12px}.recio-phone{display:inline-flex;align-items:center;gap:16px;text-decoration:none;background:var(--navy);color:#fff;padding:19px 26px;border-radius:12px;font-size:clamp(20px,2vw,27px);font-weight:750;box-shadow:0 12px 26px #102f5629;transition:transform .15s,background .15s}.recio-phone:hover{background:#174473;transform:translateY(-2px)}.recio-phone svg{width:25px;height:25px;flex-shrink:0}.recio-side{align-self:stretch;min-height:410px;position:relative;display:grid;place-items:center}.recio-art{width:100%;height:100%;min-height:410px;max-height:590px;border-radius:24px;background:linear-gradient(155deg,#193c69,#0b213b);position:relative;overflow:hidden;box-shadow:0 28px 70px #0a2c5126}.recio-art:before{content:"";position:absolute;inset:-35% -25% auto auto;border:90px solid #ffffff08;width:490px;height:490px;border-radius:50%}.recio-art:after{content:"";position:absolute;inset:auto -18% -44% auto;width:440px;height:440px;border:70px solid #fc701329;border-radius:50%}.recio-road{position:absolute;inset:12% 0 0 0;width:100%;height:92%}.recio-road path{stroke-linecap:round;fill:none}.recio-box{position:absolute;bottom:38px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;border-top:1px solid #ffffff46;padding-top:21px;z-index:1}.recio-box strong{font-size:12px;letter-spacing:.17em;text-transform:uppercase}.recio-box span{font-size:12px;color:#c8d5e7}.recio-footer{border-top:1px solid #dce3ec;padding-block:22px 27px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#67788c;font-size:12px}.recio-footer strong{color:var(--navy)}@media(max-width:850px){.recio-main{grid-template-columns:1fr;padding-block:55px}.recio-side{min-height:270px}.recio-art{min-height:280px;max-height:340px}.recio-header{padding-top:26px}.recio-tag{display:none}}@media(max-width:520px){.recio-header,.recio-main,.recio-footer{width:min(100% - 36px,1180px)}.recio-logo{width:100%}.recio-main{padding-block:50px}.recio-title{font-size:42px}.recio-intro{font-size:17px}.recio-phone{width:100%;justify-content:center;padding:18px 16px}.recio-art{min-height:250px}.recio-box{left:22px;right:22px;bottom:22px}.recio-footer{flex-direction:column;align-items:flex-start}}