/* =========================================================
   gyd-sitio.css - personalizaciones de guerreroydoncel.com
   (2026-09-27) Menú de servicios con jerarquía y páginas
   de servicios derivados. Sin estilos embebidos en el HTML.
   ========================================================= */

/* --- Menú de servicios --- */
.gyd-nav-col{height:calc(100% - 76px)}
.brk-nav__header.gyd-nav-estrella{color:#2775FF;font-weight:700}
.brk-nav__header.gyd-nav-estrella::before{content:"\2605  ";color:#f5a623}
.brk-header-list .gyd-nav-destacado{font-weight:700}

/* --- Páginas de servicios derivados --- */
.gyd-serv{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.75;color:#3a3a45}
.gyd-serv h2{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:600;line-height:1.25;color:#1e1e2a;margin:44px 0 16px}
.gyd-serv h2:first-child{margin-top:0}
.gyd-serv h3{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#1e1e2a;margin:28px 0 10px}
.gyd-serv p{margin:0 0 16px}
.gyd-serv ul,.gyd-serv ol{margin:0 0 20px 22px;padding:0}
.gyd-serv li{margin:0 0 8px}
.gyd-serv a{color:#2775FF;text-decoration:underline}
.gyd-serv .gyd-pasos{counter-reset:paso;list-style:none;margin-left:0}
.gyd-serv .gyd-pasos li{counter-increment:paso;position:relative;padding:14px 16px 14px 58px;margin-bottom:12px;background:#f7f8fc;border-radius:12px}
.gyd-serv .gyd-pasos li::before{content:counter(paso);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:#2775FF;color:#fff;font-weight:700;text-align:center;line-height:30px}
.gyd-serv .gyd-nota{background:#eef4ff;border-left:4px solid #2775FF;border-radius:10px;padding:18px 20px;margin:26px 0}
.gyd-serv .gyd-nota p:last-child{margin-bottom:0}
.gyd-serv .gyd-tabla{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:15px}
.gyd-serv .gyd-tabla th{background:#2775FF;color:#fff;text-align:left;padding:12px 14px}
.gyd-serv .gyd-tabla td{padding:12px 14px;border-bottom:1px solid #e6e8f0;vertical-align:top}
.gyd-serv .gyd-scroll{overflow-x:auto}
.gyd-serv .gyd-cta{background:linear-gradient(120deg,#2775FF,#6b4cff);color:#fff;border-radius:16px;padding:28px 26px;margin:40px 0 10px}
.gyd-serv .gyd-cta h2{color:#fff;margin-top:0}
.gyd-serv .gyd-cta a{color:#fff;font-weight:700}
.gyd-serv .gyd-faq details{border:1px solid #e6e8f0;border-radius:10px;padding:14px 18px;margin-bottom:10px;background:#fff}
.gyd-serv .gyd-faq summary{cursor:pointer;font-weight:700;color:#1e1e2a}
.gyd-serv .gyd-faq details p{margin:10px 0 0}

/* Barra lateral: el servicio principal */
.gyd-aside{position:sticky;top:110px}
.gyd-aside-box{background:#fff;border:1px solid #e6e8f0;border-radius:16px;padding:22px 20px;margin-bottom:20px;font-family:'Open Sans',sans-serif}
.gyd-aside-box h3{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;margin:0 0 12px;color:#1e1e2a}
.gyd-aside-box ul{list-style:none;margin:0;padding:0}
.gyd-aside-box li{margin:0 0 10px}
.gyd-aside-box a{color:#2775FF;font-weight:600;text-decoration:none}
.gyd-aside-box.gyd-estrella{background:#2775FF;border-color:#2775FF;color:#fff}
.gyd-aside-box.gyd-estrella h3,.gyd-aside-box.gyd-estrella a{color:#fff}
.gyd-aside-box.gyd-estrella p{font-size:14px;margin:0 0 12px}
@media (max-width:991px){.gyd-aside{position:static;margin-top:30px}.gyd-serv h2{font-size:23px}}

/* --- Hero: primer parrafo y texto de apoyo (sin encabezados decorativos) --- */
.gyd-hero-lead{margin:0 0 12px;font-size:17px;line-height:1.6;color:#fff}
.gyd-hero-sub{font-family:'Montserrat',sans-serif;font-size:21px;font-weight:300;line-height:1.4;color:#fff;margin:6px 0 0}

/* --- Titulos del pie que no son encabezados SEO --- */
.gyd-tit-pie{display:block;margin:0 0 12px}

/* --- Opiniones y mapa --- */
.gyd-op{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;margin:22px 0 10px}
.gyd-op-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#ffffff 0%,#f3f6ff 100%);border:1px solid #e3e8f7;border-radius:20px;padding:28px 24px;box-shadow:0 14px 34px rgba(39,117,255,.10)}
.gyd-op-card::after{content:"\201C";position:absolute;right:14px;top:-18px;font-family:Georgia,serif;font-size:150px;line-height:1;color:rgba(39,117,255,.08)}
.gyd-op-g{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12);font-family:Arial,sans-serif;font-weight:700;font-size:24px;background-clip:padding-box}
.gyd-op-g span{background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.gyd-op-stars{margin:16px 0 6px;font-size:26px;letter-spacing:4px;color:#fbbc05}
.gyd-op-stars span{display:inline-block;animation:gydEstrella 1.6s ease-in-out infinite}
.gyd-op-stars span:nth-child(2){animation-delay:.12s}.gyd-op-stars span:nth-child(3){animation-delay:.24s}.gyd-op-stars span:nth-child(4){animation-delay:.36s}.gyd-op-stars span:nth-child(5){animation-delay:.48s}
@keyframes gydEstrella{0%,70%,100%{transform:scale(1)}35%{transform:scale(1.22)}}
@media (prefers-reduced-motion:reduce){.gyd-op-stars span{animation:none}}
.gyd-op-tit{font-family:'Montserrat',sans-serif;font-size:19px;font-weight:700;color:#1e1e2a;margin:0 0 8px}
.gyd-op-txt{font-size:15px;color:#555a6b;margin:0 0 18px}
.gyd-op-btns{display:flex;flex-wrap:wrap;gap:10px}
.gyd-serv .gyd-op-btn{display:inline-block;padding:11px 20px;border-radius:999px;background:#2775FF;color:#fff;font-weight:700;text-decoration:none;font-size:14px;transition:transform .15s}
.gyd-serv .gyd-op-btn:hover{transform:translateY(-2px)}
.gyd-serv .gyd-op-btn.gyd-op-btn2{background:#fff;color:#2775FF;border:2px solid #2775FF}
.gyd-op-mapa{border-radius:20px;overflow:hidden;border:1px solid #e3e8f7;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.06);display:flex;flex-direction:column}
.gyd-op-mapa iframe{display:block;width:100%;height:260px;border:0}
.gyd-op-info{display:flex;flex-wrap:wrap;gap:8px 16px;padding:14px 18px;font-size:14px;color:#444}
.gyd-serv .gyd-op-info a{font-weight:700;text-decoration:none}
.gyd-op-pasos{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:6px 0 0;padding:0;counter-reset:opp}
.gyd-op-pasos li{counter-increment:opp;background:#1e1e2a;color:#fff;border-radius:16px;padding:18px 18px 18px 60px;position:relative;font-size:14px;line-height:1.5;margin:0}
.gyd-op-pasos li::before{content:counter(opp);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:#fbbc05;color:#1e1e2a;font-weight:800;text-align:center;line-height:32px}
.gyd-op-pasos strong{display:block;color:#fff;margin-bottom:2px}
@media (max-width:767px){.gyd-op{grid-template-columns:1fr}.gyd-op-pasos{grid-template-columns:1fr}}

/* Ajustes tras prueba visual (2026-09-27) */
.gyd-serv ul{list-style:disc}
.gyd-serv ul li::marker{color:#2775FF}
.gyd-serv .gyd-op-pasos{margin:6px 0 0;padding:0}
.gyd-serv .gyd-op-pasos strong{font-weight:700}
.gyd-aside-box.gyd-estrella .gyd-op-tit{color:#fff}
.gyd-aside-box .gyd-op-tit{font-size:17px}
.gyd-aside-box ul{list-style:none}

/* --- Formulario corto (nombre, servicio, ciudad) -> leads -> WhatsApp --- */
.gyd-form-corto .gyd-select{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.75);color:#fff;font-size:15px;padding:12px 0;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.gyd-form-corto .gyd-select option{color:#1e1e2a}
.gyd-form-corto .gyd-select:invalid{color:rgba(255,255,255,.85)}
.gyd-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.gyd-form-nota{margin:14px 0 0;font-size:12px;line-height:1.5;text-align:center;color:rgba(255,255,255,.85)}
.gyd-form-corto .gyd-select{padding-left:0!important;padding-right:24px;border-bottom:0;text-indent:0}
.gyd-form-corto .gyd-select{background-image:none;padding-right:0;box-sizing:border-box}

/* Formulario compacto 2026-09-27 */
.gyd-form-corto{max-width:420px}
.gyd-form-corto .text-fields{margin-bottom:0}
.gyd-form-corto .float-input{margin-bottom:6px}
.gyd-form-corto .float-input input,.gyd-form-corto .gyd-select{padding-top:8px;padding-bottom:8px;font-size:14px;line-height:1.3}
.gyd-form-corto .float-input input::placeholder{font-size:14px}
.gyd-form-corto .btn{padding-top:12px;padding-bottom:12px}
.gyd-form-corto .gyd-form-nota{margin-top:10px;font-size:11px}
.brk-form_footer-14:has(.gyd-form-corto){padding-top:30px;padding-bottom:30px}
.gyd-form-corto .float-input input,.gyd-form-corto .gyd-select{height:40px!important;min-height:0;padding:6px 0!important;box-sizing:border-box}
.gyd-form-corto .float-input{margin-bottom:2px}
.gyd-form-corto .btn.mt-20{margin-top:16px!important}
.brk-form_footer-14:has(.gyd-form-corto){padding:24px 32px}
.gyd-form-corto .brk-form-wrap,.gyd-form-corto .jq-selectbox{margin-top:10px!important}
.gyd-form-corto .jq-selectbox__select{padding-left:0!important;height:40px;line-height:28px}
.gyd-form-corto .float-input>span{display:block;height:0;line-height:0}
.gyd-form-corto .jq-selectbox__select-text{padding-left:0!important;text-indent:0!important;margin-left:0!important}