/* Direct port of production templates/simple.php and styles/style2.css. */
.legacy-public:has(.legacy-simple-source) { background: #2f2e42; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top { min-height: 0; padding: 130px 0 100px; background-color: #2f2e42; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top::before { display: none; }
/* `style2.css` names Code Pro here, but the booted production `/oferta`
   renders its simple-page title with the browser serif fallback.  Preserve
   that observable source cascade rather than styling this one route as a
   generic FastAPI display heading. */
.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top h1 { max-width: none; margin: 0 0 15px; color: #fff; font-family: serif; font-size: 40px; font-weight: 400; line-height: 45px; text-transform: uppercase; }
/* The payment handler goes through the same `simple.php` shell as oferta,
   but its live legacy title resolves to the bundled Code Pro display face. */
.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top h1.legacy-payment-status-title { font-family: 'Code-Pro-Black-LC', sans-serif; }
.legacy-public:has(.legacy-simple-source) .breadcrumbs { padding: 20px 0 15px; }
.legacy-public:has(.legacy-simple-source) .breadcrumbs-list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; font-family: 'Myriad Pro', Arial, sans-serif; list-style: none; }
.legacy-public:has(.legacy-simple-source) .breadcrumbs-list li { position: relative; margin: 0 30px 10px 0; color: #fff; font-size: 18px; }
.legacy-public:has(.legacy-simple-source) .breadcrumbs-list li::after { position: absolute; top: 6px; right: -18px; display: block; width: 5px; height: 9px; background: linear-gradient(135deg, transparent 42%, #c7c7de 43% 57%, transparent 58%); content: ''; }
.legacy-public:has(.legacy-simple-source) .breadcrumbs-list li:last-child::after { display: none; }
.legacy-public:has(.legacy-simple-source) .breadcrumbs-list a { color: #fff; font-weight: 700; text-decoration: none; }
.legacy-public:has(.legacy-simple-source) .breadcrumbs-list li:last-child a { color: #c7c7de; font-weight: 400; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-content { margin-top: 40px; margin-bottom: 100px; color: #fff; font-family: Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.5; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-content p { margin: 0 0 16px; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-content .legacy-simple-spacer { height: 0; margin: 0 0 20px; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-content > .legacy-simple-spacer:first-of-type { height: 8px; margin-bottom: 16px; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-content a { color: #fff; }
.legacy-public:has(.legacy-simple-source) .legacy-simple-content :focus-visible, .legacy-public:has(.legacy-simple-source) .breadcrumbs-list a:focus-visible { outline: 3px solid #fcea1c; outline-offset: 3px; }
/* `templates/simple.php` follows the ordinary styles/style2.css cascade.
   Its .center-wrapper receives the literal 15px mobile inset from style2.css. */
@media(max-width:1010px){.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top{padding:80px 0 30px}.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top h1{font-family:serif;font-size:40px;font-weight:400;line-height:45px}.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top h1.legacy-payment-status-title{font-family:'Code-Pro-Black-LC',sans-serif}}
@media(max-width:767px){.legacy-public:has(.legacy-simple-source) .legacy-simple-page-top h1{font-size:30px;line-height:45px}}