/*
Theme Name: Royagloa Agencia Creativa
Author: Royagloa
Description: Tema de bloques editable basado en el diseño de Agencia Creativa Royagloa. Incluye catálogo, portafolio y cotización por WhatsApp.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: royagloa
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, portfolio
*/
500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#09172f;--ink:#111f38;--yellow:#ffda16;--muted:#9ca7b9;--white:#fff;--line:#27334a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:white;font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b590ff;outline-offset:5px}.roy-header{height:98px;padding:0 5%;display:flex;align-items:center;gap:36px;background:#09172ff5;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-family:'Manrope',sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.7px;display:inline-block}.brand span{display:block;font-size:8px;letter-spacing:4.8px;font-weight:500;margin-top:2px}nav{display:flex;gap:24px;margin-left:auto}nav a{font-size:12px;color:#c7ccd7}nav a:hover{color:var(--yellow)}.button{display:inline-flex;background:var(--yellow);color:var(--navy);gap:22px;align-items:center;justify-content:center;font-weight:700;padding:19px 24px;border:0;border-radius:3px;transition:transform .2s,background .2s}.button:hover{background:#ffe65c;transform:translateY(-3px)}.button span{font-size:21px}.small{font-size:11px;padding:13px 17px}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:660px;padding:66px 5% 58px;gap:42px;align-items:stretch}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b8c1d2;display:flex;gap:10px;align-items:center}.eyebrow i{width:7px;height:7px;background:var(--yellow);display:inline-block}.hero h1{font:800 clamp(40px,4.4vw,70px)/1.12 'Manrope',sans-serif;letter-spacing:-3px;margin:27px 0 22px}.hero h1 em{color:var(--yellow);font-style:normal}.hero p{font-size:15px;line-height:1.8;color:#aeb8c8}.actions{display:flex;gap:25px;align-items:center;margin-top:31px}.actions .button{font-size:12px}.text-link{font-size:11px;border-bottom:1px solid #536079;padding:8px 0}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:43px;font-size:9px;line-height:1.6;letter-spacing:1px;color:#a9b3c4}.hero-bottom b{color:white}.hero-art{position:relative;min-height:510px;background:#192842;overflow:hidden;border-radius:4px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07132677,transparent 40%,#071326c9);pointer-events:none}.hero-art>*{position:relative;z-index:1}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.art-label{font-size:10px;letter-spacing:1.5px;line-height:1.7}.art-word{font:800 58px/1.18 Manrope,Arial,sans-serif;letter-spacing:-3px}.art-word em{color:var(--yellow);font-style:normal}.art-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px}.ticker{background:var(--yellow);color:var(--navy);display:flex;justify-content:space-around;align-items:center;gap:25px;padding:22px 3%;font-size:21px;overflow:hidden;white-space:nowrap}.ticker span{font-size:12px;font-weight:800;letter-spacing:1px}.section{padding:92px 6%}.light{background:#f5f6f8;color:var(--ink)}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:38px}.section h2{font:800 clamp(30px,3vw,46px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-1.7px;margin:14px 0 0}.section h2 em{font-style:normal;color:var(--yellow)}.section-heading p{max-width:340px;color:var(--muted);line-height:1.8;font-size:13px}.kicker{font-size:10px;letter-spacing:2px;color:#8994a7;text-transform:uppercase}.light .kicker{color:#626c80}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#101e36}.service img{width:100%;height:150px;object-fit:cover;filter:brightness(.8);transition:transform .4s}.service:hover img{transform:scale(1.04)}.card-body{padding:22px}.card-body h3{font:700 17px/1.35 Manrope,Arial,sans-serif;margin:12px 0}.card-body p{font-size:12px;line-height:1.8;color:var(--muted);min-height:64px}.card-body button{background:none;border:0;color:var(--yellow);padding:10px 0;font-size:11px}.card-number{font-size:11px;color:var(--yellow)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-photo{width:100%;height:465px;object-fit:cover;border-radius:4px}.about p{color:#637084;line-height:1.9}.values{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:27px}.values span{font-size:11px;font-weight:700;border-top:1px solid #d6dbe3;padding-top:15px}.values b{color:#a38600;margin-right:10px}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:33px}.reason{padding:22px;background:white;border:1px solid #e3e5eb}.reason h3{font-size:14px}.reason p{font-size:12px;line-height:1.7;color:#667085}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.filters button{padding:10px 17px;border:1px solid #cdd2dc;border-radius:2px;background:transparent;color:inherit;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.product{background:white;border:1px solid #e0e3e9;border-radius:3px;overflow:hidden;transition:transform .2s}.product:hover{transform:translateY(-4px)}.product img{width:100%;height:170px;object-fit:cover}.product .card-body p{color:#6a7487;min-height:42px}.product .card-body button{color:var(--ink);font-weight:700}.portfolio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.project{border:0;background:transparent;color:white;text-align:left;padding:0}.project img{width:100%;height:340px;object-fit:cover;border-radius:3px;transition:filter .3s}.project:hover img{filter:brightness(.7)}.project h3{font:700 20px Manrope,Arial,sans-serif;margin:15px 0 5px}.project p{color:#a3afc3;font-size:12px}.project:nth-child(even){margin-top:50px}.note{font-size:12px;color:#9eabc0;line-height:1.6}.cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--yellow);color:var(--ink);padding:45px;margin-top:55px}.cta h3{font:800 27px Manrope,Arial,sans-serif;max-width:500px;margin:0;letter-spacing:-1px}.cta .button{background:var(--ink);color:white}.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:75px}.contact h2{font-size:46px}.contact p{color:#647084;line-height:1.8}.contact-links{display:flex;flex-direction:column;gap:16px;margin:35px 0;font-size:20px}.social{display:flex;gap:19px;font-size:12px;font-weight:700}.location{margin-top:30px;border-top:1px solid #d7dce4;padding-top:15px}.form{background:white;padding:30px;border:1px solid #e3e5eb;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:19px}.form label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:9px}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #dce0e7;border-radius:2px;background:#fafbfc;color:var(--ink);font-size:13px}.form textarea{min-height:110px;resize:vertical}.wide{grid-column:1/-1}.form .note{color:#737f92;margin:0;font-size:11px}.form .button{font-size:12px}.form-status{font-size:12px;color:#394d32}.roy-footer{padding:55px 6% 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.roy-footer p{color:#9eabc0;font-size:12px}.roy-footer>div:not(:first-child){display:flex;flex-direction:column;gap:13px;font-size:12px;color:#a6b1c4}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;flex-direction:row!important;justify-content:space-between;font-size:10px!important}.whatsapp{position:fixed;bottom:22px;right:22px;background:#20bd68;border-radius:30px;padding:13px 19px;font-size:12px;font-weight:700;z-index:12;box-shadow:0 5px 30px #0004}.menu{display:none}.skip{position:fixed;left:10px;top:-100px;z-index:30;background:white;color:black;padding:12px}.skip:focus{top:10px}dialog{border:0;border-radius:8px;max-width:700px;width:90%;padding:35px;background:#f7f8fa;color:var(--ink)}dialog::backdrop{background:#020817bb;backdrop-filter:blur(5px)}dialog img{width:100%;max-height:320px;object-fit:cover;border-radius:4px}dialog h2{font-family:Manrope,Arial,sans-serif}dialog p{line-height:1.8;color:#607086}.close{position:absolute;right:12px;top:7px;border:0;background:white;border-radius:50%;font-size:28px;width:35px;height:35px}.reveal{animation:enter .6s ease both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1500px){.roy-header,.hero,.section,.roy-footer{padding-left:calc((100vw - 1350px)/2);padding-right:calc((100vw - 1350px)/2)}}@media(max-width:1100px){.roy-header{gap:20px}nav{gap:14px}.small{display:none}.hero{gap:25px}.hero h1{font-size:49px}.actions{align-items:start;flex-direction:column;gap:10px}.grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:510px}.about,.contact{gap:35px}}@media(max-width:720px){.roy-header{height:78px;padding:0 6%}.brand{font-size:25px}.menu{display:block;margin-left:auto;color:white;background:none;border:1px solid var(--line);padding:8px 11px;font-size:22px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:22px;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 6%;gap:30px}.hero h1{font-size:46px;letter-spacing:-2.2px}.hero p{font-size:14px}.hero-art{min-height:380px}.art-word{font-size:48px}.actions{flex-direction:column;align-items:stretch}.actions .text-link{align-self:start}.hero-bottom{margin-top:28px}.ticker{justify-content:flex-start}.section{padding:62px 6%}.section-heading{display:block}.section-heading p{max-width:none}.about,.contact{grid-template-columns:1fr;gap:28px}.about-photo{height:310px}.reasons{grid-template-columns:1fr 1fr}.grid{gap:14px}.card-body{padding:17px}.card-body h3{font-size:15px}.service img,.product img{height:140px}.portfolio-grid{grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.project img{height:290px}.cta{padding:28px;display:block}.cta h3{font-size:25px;margin-bottom:22px}.contact h2{font-size:38px}.form{padding:22px;grid-template-columns:1fr}.form label{grid-column:1/-1}.roy-footer{grid-template-columns:1fr 1fr}.roy-footer>div:first-child{grid-column:1/-1}.copyright{font-size:9px!important;gap:20px!important;padding-bottom:40px}.whatsapp{bottom:14px;right:14px}}@media(max-width:400px){.grid,.reasons{grid-template-columns:1fr}.hero h1{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original supplied brand assets: preserve color and aspect ratio. */
.brand{flex-shrink:0;line-height:0;letter-spacing:normal}.brand img{display:block;width:205px;height:auto;max-width:100%;object-fit:contain}.roy-footer .brand img{width:235px}@media(max-width:720px){.brand img{width:180px}.roy-footer .brand img{width:220px}}

/* WordPress block integration */
body{--navy:var(--wp--preset--color--navy);--yellow:var(--wp--preset--color--yellow);--ink:var(--wp--preset--color--navy);--muted:var(--wp--preset--color--muted)}figure{margin:0}.wp-site-blocks{padding:0}.site-header{position:sticky;top:0;z-index:20}.admin-bar .site-header{top:32px}.roy-header{position:relative;height:auto;min-height:98px}.roy-header .wp-block-navigation{margin-left:auto}.roy-header .wp-block-buttons{flex-shrink:0}.brand-logo{width:205px;flex-shrink:0}.brand-logo img{width:100%;height:auto;display:block}.roy-footer .brand-logo{width:235px}.roy-header .wp-block-button__link{font-size:11px;padding:13px 17px}.wp-block-navigation__container{gap:24px}.wp-block-navigation-item__content{font-size:12px}.wp-block-navigation__responsive-container.is-menu-open{background:var(--navy)!important;color:white!important;padding:30px}.wp-block-button__link{font-size:12px;padding:18px 23px;text-decoration:none}.is-style-outline .wp-block-button__link{border:1px solid #657086;background:transparent;color:inherit}.hero-art .hero-photo{position:absolute;inset:0;z-index:0}.hero-art .hero-photo img{width:100%;height:100%;object-fit:cover}.hero-art .art-label,.hero-art .art-foot{position:relative;z-index:2;color:white;font-size:10px}.hero-art .art-foot{margin-top:auto}.hero-bottom p{font-size:9px}.hero-copy>.wp-block-buttons{margin-top:30px;gap:14px}.hero-copy>p:not(.eyebrow){color:#aeb8c8}.ticker p{font-size:12px;font-weight:800;letter-spacing:1px;white-space:nowrap}.light{background:var(--wp--preset--color--light);color:var(--navy)}.light p{color:#637084}.service figure img,.product figure img{display:block;width:100%;height:160px;object-fit:cover}.about-photo{height:465px}.about-photo img{width:100%;height:100%;object-fit:cover}.about p{line-height:1.9}.values p{border-top:1px solid #d6dbe3;padding-top:15px;font-size:11px;font-weight:700}.reasons{margin-bottom:0}.about+h2{margin-top:60px}.project img{display:block}.project:nth-child(even){margin-top:50px}.project details,.service details{font-size:12px;line-height:1.8}.service summary,.project summary{cursor:pointer;color:var(--yellow);padding:12px 0}.wp-block-details>p{margin:12px 0}.card-body .wp-block-button__link{background:none;color:var(--ink);padding:8px 0}.service .card-body .wp-block-button__link{color:var(--yellow)}.card-body .kicker{margin:0}.product[hidden],.project[hidden]{display:none!important}.cta .wp-block-button__link{background:var(--ink);color:white}.contact-links{gap:14px}.contact-links p{margin:0;word-break:break-word}.roy-footer{display:grid}.roy-footer>div:not(:first-child){display:block}.roy-footer .copyright{grid-column:1/-1;color:var(--muted);margin-top:25px}.dark-filters button[aria-pressed=true]{background:var(--yellow);color:var(--navy)}.form{color:var(--ink)}.editor-styles-wrapper .site-header{position:static}.editor-styles-wrapper .hero-art{min-height:480px}.editor-styles-wrapper .roy-header .wp-block-navigation{display:flex}.editor-styles-wrapper .roy-quote-editor{background:white;color:#09172f;padding:28px;border:1px solid #ddd}.roy-quote-editor input,.roy-quote-editor textarea{color:#09172f}.form-status a{color:var(--navy)}@media(max-width:1100px){.roy-header>.wp-block-buttons{display:none}}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:720px){.roy-header{min-height:78px;gap:15px}.roy-header .wp-block-navigation{display:flex;position:static;padding:0;border:0}.brand-logo{width:180px}.about-photo{height:310px}.project:nth-child(even){margin-top:0}.roy-footer .brand-logo{width:220px}.hero{min-height:0}.hero-art{min-height:380px}.contact-links{font-size:17px}}@media(max-width:600px){.admin-bar .site-header{top:0}}