html body{ min-width: 300px; }

#gdlr-responsive-navigation{ display: none; }

@media only screen and (max-width: 1100px) {
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a { padding-left: 10px; padding-right: 10px; }
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul-pre, 
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul { padding-right: 20px; }
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul:after{ right: 6px; }
}

/*--- tablet only ---*/
@media only screen and (max-width: 959px) and (min-width: 768px) {
	.blog-top-featured-wrapper .gdlr-blog-widget .gdlr-blog-thumbnail { max-width: 100%;
		margin-right: 0px; margin-bottom: 15px; float: none; }
	.recent-post-widget .recent-post-widget-thumbnail { max-width: 100%; float: none; margin-bottom: 15px; }
}

/*--- tablet ---*/
@media only screen and (max-width: 959px) {
	div#gdlr-navigation-gimmick { display: none !important; }

	body .container{ max-width: 768px; }	
	body .body-wrapper.gdlr-boxed-style { max-width: 808px; }
	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { opacity: 1; }

	.gdlr-logo { margin: 0px auto !important; padding-top: 20px; padding-bottom: 20px; float: none; }
	.gdlr-logo-right-banner { margin-top: 0px !important; margin: 0px auto;  float: none; margin-bottom: 20px; }
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a { padding: 19px 8px; font-size: 11px; }
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul-pre, 
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul { padding-right: 18px; }
	.gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul:after{ right: 5px; }

	.gdlr-fixed-header{ display: none; }

	.portfolio-item-wrapper .gdlr-outer-nav, .blog-item-wrapper .gdlr-outer-nav { display: none; }
	
	.gdlr-hide-in-tablet{ display: none; } 
	.gdlr-hide-in-tablet-mobile{ display: none; }
}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 767px) {
	body .container{ max-width: 420px; }
	body .body-wrapper.gdlr-boxed-style { max-width: 460px; }
	body .body-wrapper{ overflow: hidden; }
	
	.one-ninth, .one-eighth, .one-seventh,.one-fifth,
	.two-fifth, .three-fifth, .four-fifth,
	.one, .two, .three, .four, .five, .six, .seven,
	.eight, .nine, .ten, .eleven, .twelve{ width: 100%; }	
	
	/*--- header ---*/
	.top-navigation-container{ text-align: center; line-height: 1; }
	.top-navigation-left{ float: none; }
	.top-navigation-right{ float: none; padding-bottom: 10px; }
	.top-navigation-right-text{ float: none; padding: 10px 0px; }
	.top-social-wrapper{ float: none; margin-left: 0px; display: inline-block; padding: 0px; }
	
	#gdlr-responsive-navigation { display: block; height: 0px; position: static; float: none; }
	#gdlr-responsive-navigation .dl-trigger{ position: absolute; right: 0px; top: 50%; margin-top: -20px; }
	.dl-menuwrapper > .dl-menu, 
	.dl-menuwrapper > .dl-submenu{ margin: 30px 0px 0px; width: 400px; text-align: left; }
	
	body .gdlr-logo{ float: none; position: relative; display: block; 
		padding-right: 80px; padding-top: 30px; padding-bottom: 30px; }
	body .gdlr-logo.gdlr-align-left #gdlr-responsive-navigation .dl-trigger,
	body .gdlr-logo.gdlr-align-right #gdlr-responsive-navigation .dl-trigger{ top: 45px; margin-top: 0px; }
	
	body .gdlr-logo-right-banner{ max-width: 100%; float: none; margin-top: 0px; margin-bottom: 30px; }
	
	.gdlr-navigation-wrapper{ display: none; }
	.gdlr-header-wrapper{ background: #111; position: relative; }
	
	/*--- stunning-text ---*/
	.gdlr-stunning-text-item{ text-align: center; }
	.gdlr-stunning-text-item.type-normal.gdlr-button-on{ padding-right: 0px; }
	.gdlr-stunning-text-item.type-normal .stunning-text-button{ position: static; margin-top: 0px; }
	.gdlr-stunning-text-item.with-padding.gdlr-button-on{ padding-right: 35px; }
	
	.gdlr-service-with-image-item .service-with-image-thumbnail { float: none; margin: 0px auto; }
	.gdlr-service-with-image-item .service-with-image-content-wrapper { text-align: center; } 
	
	.gdlr-feature-media-item.gdlr-left .feature-media-thumbnail{ float: none; width: auto; margin-right: 0px;}
	.gdlr-feature-media-item .feature-media-icon { display: none; }
	html .woocommerce ul.products li.product, html .woocommerce-page ul.products li.product { width: 99% !important; }
	
	/*--- blog-item ---*/
	.gdlr-blog-list-head-wrapper{ float: none; }
	.gdlr-blog-list-content-item{ overflow: visible; }
	
	.gdlr-blog-medium .gdlr-blog-thumbnail { margin-right: 0px; float: none; width: auto; }	

	.gdlr-item-start-content.sidebar-right-item { padding-top: 0px; padding-left: 0px; margin-left: 0px; border: none; }
	
	.gdlr-social-share a { margin-bottom: 10px; }
	.related-post-widget-item{ margin-bottom: 30px; }
	.single-post .gdlr-single-nav .previous-nav { width: auto; float: none; border: 0; text-align: center; margin-bottom: 15px; }
	.single-post .gdlr-single-nav .next-nav { width: auto; float: none; border: 0; text-align: center; }
	.gdlr-post-author .post-author-avartar{ float: none; text-align: center; border-radius: 0; margin-bottom: 20px; }
	
	/*--- slider ---*/
	.gdlr-caption-wrapper .gdlr-caption .gdlr-caption-text { display: none; }
	.gdlr-caption-wrapper .gdlr-caption .gdlr-caption-title { margin-bottom: 0px; font-size: 15px; }
	.gdlr-caption-wrapper .gdlr-caption { max-width: 100%; padding: 13px 12px; }	 
	
	.gdlr-item-title .gdlr-flex-prev { margin: 0px; position: absolute; 
		left: 0px; top: 50%; margin-top: -20px;}
	.gdlr-item-title .gdlr-flex-next{ margin: 0px; position: absolute; 
		right: 0px; top: 50%; margin-top: -20px; }	
	
	/*--- title item ---*/
	.gdlr-item-title-wrapper.pos-center .gdlr-item-title-gimmick { display: none; }
	.gdlr-item-title-wrapper.pos-icon.gdlr-right-text, 
	.gdlr-item-title-wrapper.pos-center.gdlr-right-text { padding: 0px; }
	.gdlr-item-title-wrapper > .nav-container { position: static; text-align: center; margin-top: 10px; }
	.gdlr-item-title-wrapper > .nav-container > .gdlr-right-text-link{ float: none; margin: 0px; }
	
	.gdlr-hide-in-tablet{ display: block; } 
	.gdlr-hide-in-mobile{ display: none; } 
	
	/*--- alignment ---*/
	
	a img.alignright,
	a img.alignleft,
	.gdlr-frame-shortcode.gdlr-align-right,
	.gdlr-frame-shortcode.gdlr-align-left{ float: none; margin-left: auto; margin-right: auto; text-align: center; }
}

/*--- mobile portrait style ---*/
@media only screen and (max-width: 419px) {
	/* body .container{ max-width: 300px; }
	body .body-wrapper.gdlr-boxed-style { max-width: 340px; } */ 
	
	.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ width: 300px; }
	
	.gdlr-item-title-head .gdlr-flex-prev,
	.gdlr-item-title-head .gdlr-flex-next{ display: none; }
}

/* ===== Social flotante ===== */
.cojos-socials-float{
  position: fixed;
  left: 18px; bottom: 85px;
  display: grid; gap: 10px;
  padding: 10px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  border: 1px solid rgba(16,24,40,.08);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(2,6,23,.18);
  z-index: 9999;
  transform: translateZ(0);
}

.cojos-socials-float .csf-item{
  display: grid; place-items: center;
  width: 42px; height: 42px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  box-shadow: 0 4px 12px rgba(2,6,23,.08);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.cojos-socials-float .csf-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(2,6,23,.14);
  border-color: rgba(16,185,129,.35); /* tu verde */
}

.cojos-socials-float .csf-item img{
  width: 22px; height: auto; display: block;
}

/* Botón/handler (opcional, compacta en móvil) */
.cojos-socials-float .csf-toggle{
  width: 42px; height: 42px;
  border-radius: 999px; border: 0; cursor: pointer;
  background: linear-gradient(180deg, var(--brand, #30e1b2), var(--brand-2, #10b981));
  box-shadow: 0 8px 22px rgba(16,185,129,.28);
  position: relative;
}
.cojos-socials-float .csf-toggle::after{
  content: ""; width: 8px; height: 8px; border-radius: 999px;
  background: #0b1220; position: absolute; inset: 0; margin: auto;
}

/* Estado colapsado (móvil) */
@media (max-width: 640px){
  .cojos-socials-float{
    gap: 0; padding: 8px; border-radius: 999px;
  }
  .cojos-socials-float:not(.is-open) .csf-item{ display: none; }
  .cojos-socials-float.is-open{ gap: 8px; }
}

/* Tema dark (si tu body es oscuro) */
body:not(.cojos-light) .cojos-socials-float{
  background: linear-gradient(180deg, #121826, #0f141f);
  border-color: rgba(255,255,255,.06);
}
body:not(.cojos-light) .cojos-socials-float .csf-item{
  background:#0c111b; border-color: rgba(255,255,255,.06);
}
/* ESTILOS FAQ PLUGIN SUPERLEAGUE */
.cojos-faq { --bg:#fff; --ink:#0b0d12; --muted:#667085; --line:#eef0f2; --chip:#111; --chip-ink:#fff; --accent:#0ea5ff; --ring:rgba(14,165,255,.25); }
.cojos-faq { max-width: 980px; margin: 0 auto; padding: 16px; color: var(--ink); }
.cojos-faq .faq-header h2 { font-size: 28px; margin: 0 0 4px; }
.cojos-faq .faq-sub { color: var(--muted); margin: 0 0 14px; }

.faq-nav { display:flex; flex-wrap:wrap; gap:8px; margin: 10px 0 22px; }
.faq-nav .chip {
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:var(--chip); color:var(--chip-ink); text-decoration:none; font-weight:600; font-size:14px;
}
.faq-nav .chip:hover { filter:brightness(1.1); }

.faq-group { margin: 24px 0 28px; }
.faq-group > h3 { font-size:20px; margin: 0 0 12px; letter-spacing:.2px; }

.faq-item { border:1px solid var(--line); border-radius:12px; background:var(--bg); overflow:hidden; margin-bottom:10px; }
.faq-item > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; padding:14px 16px; font-weight:700; }
.faq-item > summary::-webkit-details-marker { display:none; }
.faq-item > summary .q { position:relative; padding-left:26px; }
.faq-item > summary .q::before {
  content:"?"; position:absolute; left:0; top:0; width:20px; height:20px; display:grid; place-items:center;
  border-radius:6px; background:#111; color:#fff; font-size:12px; font-weight:800;
}
.faq-item[open] > summary .q::before { background:var(--accent); }

.faq-item .a { padding:0 16px 14px; color:#1c2430; }
.faq-item .a p { margin: 8px 0; }
.faq-item .a ul { margin:8px 0; padding-left:18px; }
.faq-item .a .note { color: var(--muted); font-size: 14px; }

.list-steps { counter-reset: step; list-style:none; padding-left:0; }
.list-steps li { counter-increment: step; position:relative; padding-left:28px; margin:8px 0; }
.list-steps li::before {
  content: counter(step); position:absolute; left:0; top:0; width:20px; height:20px; display:grid; place-items:center;
  border-radius:6px; background:var(--accent); color:#001; font-weight:800; font-size:12px;
}

.motto { border-left:4px solid var(--accent); padding:8px 12px; margin:8px 0 0; color:#101828; background:#f8fbff; }

.faq-cta { display:flex; flex-direction:column; align-items:center; gap:6px; margin: 10px 0 0; }
.btn-primary {
  display:inline-block; padding:12px 18px; border-radius:999px; background:var(--accent); color:#001; font-weight:800; text-decoration:none;
  box-shadow:0 6px 22px var(--ring); transition: transform .04s ease;
}
.btn-primary:active { transform: translateY(1px); }
.cta-sub { color: var(--muted); font-size: 14px; margin:0; }

/* Responsive */
@media (max-width: 720px) {
  .cojos-faq { padding: 12px; }
  .faq-item > summary { padding: 12px; }
  .faq-item .a { padding: 0 12px 12px; }
}