/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Reclin - Addiction Recovery & Rehabilitation Center HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. Why Choose Us css
08. Our Feature css
09. What We Do css
10. How It Work css
11. Our Programs css
12. CTA Box css
13. Our FAQs css
14. Our Testimonials css
15. Our Blog css
16. Footer css
17. About Us Page css 
18. Services Page css 
19. Service Single css 
20. Blog Archive css 
21. Blog Single css 
22. Case Study Page css
23. Case Study Single css
24. Team Page css 
25. Team Single css 
26. Testimonials Page css 
27. Image Gallery css 
28. Video Gallery css 
29. FAQs Page css 
30. Contact Us Page css 
31. Book Appointment css
32. 404 Error Page css 
33. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/
:root{
  --gt-bg0:#070a0f;
  --gt-bg1:#0b111a;
  --gt-card: rgba(0,0,0,.28);
  --gt-card2: rgba(255,255,255,.05);
  --gt-line: rgba(246,195,74,.18);
  --gt-line2: rgba(246,195,74,.10);
  --gt-gold: #f6c34a;
  --gt-text: rgba(255,255,255,.90);
  --gt-muted: rgba(255,255,255,.62);
}

:root{
  --pkgm-bg: rgba(0,0,0,.62);

  /* Azul premium + oro luxury */
  --pkgm-navy1: rgba(10,16,36,.96);
  --pkgm-navy2: rgba(6,9,18,.975);
  --pkgm-ivory: rgba(255,255,255,.93);
  --pkgm-muted: rgba(255,255,255,.72);
  --pkgm-line: rgba(255,255,255,.14);
  --pkgm-line2: rgba(255,255,255,.10);

  --pkgm-gold: rgba(216,179,90,1);
  --pkgm-gold2: rgba(185,149,58,1);
  --pkgm-glow: rgba(216,179,90,.22);

  --pkgm-radius: 26px;
  --pkgm-shadow: 0 24px 70px rgba(0,0,0,.55);
  --pkgm-ease: cubic-bezier(.18,.92,.18,1);
  --pkgm-sbw: 0px;
}



:root{
	--primary-color				: #26505E;
	--secondary-color			: #E9F2DF;
	--accent-secondary-color	: #CE9E6E33;
	--bg-color					: #FFFDFA;
	--text-color				: #7D898D;
	--accent-color				: #CE9E6E;
	--white-color				: #FFFFFF;
	--divider-color				: #26505E1A;
	--dark-divider-color		: #FFFFFF1A;
	--error-color				: rgb(230, 87, 87);
	--default-font				: "Sora", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body{
	position: relative;
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: var(--bg-color);
}

::-webkit-scrollbar-track{
	background-color: var(--secondary-color);
	border-left: 1px solid var(--secondary-color);
}
::-webkit-scrollbar{
	width: 7px;
	background-color: var(--secondary-color);
}
::-webkit-scrollbar-thumb{
	background: var(--accent-color);
}

::selection{
	color: var(--primary-color);
	background-color: var(--accent-secondary-color);
	filter: invert(1);
}

p{
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin :0;
	font-weight: 600;
	line-height: 1.3em;
	color: #2f5f6f;
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

html,
body{
	width: 100%;
	overflow-x: clip;
}

.container{
	max-width: 1300px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 0px;
    padding-left: 0px;
}

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	text-transform: capitalize;
	background: var(--accent-color);
	color: var(--white-color);
	border: none;
	border-radius: 100px;
	padding: 16px 55px 16px 20px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}

.btn-default::before{
	content: '';
	position: absolute;
    top: 50%;
    right: 5px;
    width: 40px;
    height: 40px;
	background-color: var(--primary-color);
    background-image: url('../images/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
	border-radius: 50%;
    transform: translateY(-50%);
	transition: all 0.4s ease-in-out;
}

.btn-default:hover::before{
	background-color: var(--accent-color);
}

.btn-default::after{ 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--primary-color);
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.btn-default:hover::after{
	right: auto;
	left: 0;
    width: 100%;
}

.btn-default.btn-highlighted{
	background: var(--primary-color);
}

.btn-default.btn-highlighted:hover{
	background: transparent;
	color: var(--primary-color);
}

.btn-default.btn-highlighted::before{
	background-color: var(--accent-color);
}

.btn-default.btn-highlighted:hover::before{
	background-color: var(--accent-color);
}

.btn-default.btn-highlighted::after{
	background-color: var(--bg-color);
}

.btn-default.btn-dark:hover{
	background: transparent;
	color: var(--primary-color);
}

.btn-default.btn-dark::after{
	background-color: var(--secondary-color);
}

.readmore-btn{
	position: relative;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	color: var(--accent-color);
	padding-right: 25px;
	transition: all 0.4s ease-in-out;
}

.readmore-btn:hover{
	color: var(--primary-color);
}

.readmore-btn::before{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
	background-image: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	transform: translate(0, -50%);
    transition: all 0.3s ease-in-out;
}

.readmore-btn:hover::before{
	transform: translate(3px, -50%);
	filter: brightness(0) invert(0);
}

.cb-cursor:before{
	background: var(--accent-color);
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--accent-color) transparent var(--accent-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.bg-section{
	background-color: var(--secondary-color);
}

.dark-section{
	background-color: var(--primary-color);
}

.bg-section{
	width: 100%;
	max-width: 1800px;
	border-radius: 20px;
	margin: 0 auto;
}

.section-row{
	margin-bottom: 40px;
}

.section-row .section-title{
	margin-bottom: 0;
}

.section-row .section-title.section-title-center{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.section-btn{
	text-align: right;
}

.section-content-btn .section-btn{
	margin-top: 30px;
	text-align: left;
}

.section-title-content p{
	margin-bottom: 20px;
}

.section-title-content p:last-child{
	margin-bottom: 0;	
}

.section-title{
	margin-bottom: 10px;
}

.section-title h3{
	position: relative;
	display: inline-block;
	font-size: 14px;
    font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
    color: var(--primary-color);
	padding-left: 15px;
    margin-bottom: 10px;
}

.section-title h3::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: var(--accent-color);
	border-radius: 50%;
	width: 8px;
	height: 8px;
}

.section-title h1{
	font-size: 70px;
	line-height: 1.1em;
	margin-bottom: 0;
	cursor: none;
}

.section-title h2{
	font-size: 46px;
	line-height: 1.1em;
	margin-bottom: 0;
	cursor: none;
}

.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.dark-section .section-title h3,
.dark-section .section-title h1,
.dark-section .section-title h2,
.dark-section .section-title p,
.dark-section .section-title-content p{
	color: var(--white-color);
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

/*  AYFAQ  */
.ayfaq{
  --bg0:#05070c; --bg1:#070b13;
  --ink:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.66);
  --line:rgba(255,255,255,.10);
  --glass:rgba(255,255,255,.06);
  --card0:rgba(255,255,255,.06);
  --card1:rgba(0,0,0,.28);
  --gold0:#f0bf54; --gold1:#d39a2d;
  --goldGlow:rgba(240,191,84,.22);

  color: var(--ink);
  background:
    radial-gradient(1100px 420px at 50% 0%, rgba(240,191,84,.10), transparent 60%),
    radial-gradient(900px 520px at 50% 70%, rgba(55,120,255,.08), transparent 62%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}

.ayfaq-surface{
  max-width: 1460px;
  margin: 0 auto;
  padding: clamp(16px, 2vw, 22px);
  border-radius: 24px;
  border: 1px solid rgba(240,191,84,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.22));
  box-shadow: 0 20px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.22) inset;
}

.ayfaq-head{
  text-align:center;
  display:grid;
  gap: 8px;
  justify-items:center;
  margin-bottom: 60px;
}
.ayfaq-title{
  margin:0;
  font: 950 clamp(24px, 3.2vw, 46px)/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.ayfaq-title__accent{
  color: var(--gold0);
  text-shadow: 0 0 22px var(--goldGlow);
}
.ayfaq-sub{
  margin:0;
  color: rgba(255,255,255,.72);
  font: 750 14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.ayfaq-list{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}

/* Item */
.ayfaq-item{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, var(--card0), var(--card1));
  overflow:hidden;
  box-shadow: 0 14px 38px rgba(0,0,0,.35);
}

.ayfaq-sum{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 14px;
  cursor:pointer;
  user-select:none;
  transition: background .18s ease;
}
.ayfaq-sum::-webkit-details-marker{ display:none; }
.ayfaq-item:hover .ayfaq-sum{ background: rgba(255,255,255,.03); }
.ayfaq-item:active .ayfaq-sum{ background: rgba(255,255,255,.05); }

.ayfaq-q{
  font: 900 clamp(14px, 1.1vw + 12px, 18px)/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.94);
  padding-right: 6px;
}

.ayfaq-ico{
  width: 36px; height: 36px;
  border-radius: 999px;
  display:grid; place-items:center;
  background: rgba(240,191,84,.10);
  border: 1px solid rgba(240,191,84,.20);
  color: rgba(240,191,84,.95);
  flex: 0 0 auto;
  transition: transform .18s ease;
}
.ayfaq-item[open] .ayfaq-ico{ transform: rotate(180deg); }

.ayfaq-body{
  padding: 0 14px 14px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.ayfaq-a{
  margin-top: 12px;
  color: rgba(255,255,255,.78);
  font: 750 14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* CTA box */
.ayfaq-cta{
  margin-top: 60px;
  text-align:center;
  border-radius: 20px;
  border: 1px solid rgba(240,191,84,.22);
  background:
    radial-gradient(900px 300px at 50% 0%, rgba(240,191,84,.12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.22));
  padding: 16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}
.ayfaq-cta__t{
  margin: 0 0 6px;
  font: 950 20px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.95);
}
.ayfaq-cta__p{
  margin: 0 0 12px;
  color: rgba(255,255,255,.70);
  font: 750 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.ayfaq-cta__row{
  display:flex;
  gap: 10px;
  justify-content:center;
  flex-wrap: wrap;
}

.ayfaq-btn{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 999px;
  font: 900 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.90);
  box-shadow: 0 14px 44px rgba(0,0,0,.40);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.ayfaq-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(240,191,84,.30);
  box-shadow: 0 18px 54px rgba(0,0,0,.48), 0 0 0 3px rgba(240,191,84,.08);
}
.ayfaq-btn:active{ transform: translateY(0); }

.ayfaq-btn--wa{
  border-color: rgba(46, 204, 113, .35);
  background: linear-gradient(180deg, rgba(46,204,113,.22), rgba(0,0,0,.26));
}
.ayfaq-btn--tg{
  border-color: rgba(0, 200, 255, .30);
  background: linear-gradient(180deg, rgba(0,200,255,.18), rgba(0,0,0,.26));
}
.ayfaq-btn--call{
  border-color: rgba(240,191,84,.30);
  background: linear-gradient(180deg, rgba(240,191,84,.18), rgba(0,0,0,.26));
}

/* Mobile */
@media (max-width: 576px){
  .ayfaq-surface{ border-radius: 22px; }
  .ayfaq-sum{ padding: 14px 12px; }
  .ayfaq-body{ padding: 0 12px 12px; }
  .ayfaq-ico{ width: 34px; height: 34px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ayfaq-ico, .ayfaq-btn, .ayfaq-sum{ transition: none !important; }
}

/* ===================== AYFT + AYDOCK — Tanqueray (Clean) ===================== */
.ayft{
  --bg0:#05070c; --bg1:#070b13;
  --ink:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.70);
  --line:rgba(255,255,255,.10);

  --gold0:#f0bf54; --gold1:#d39a2d;
  --goldGlow:rgba(240,191,84,.22);

  --dockH: 78px;

  color: var(--ink);
  background:
    radial-gradient(1100px 520px at 50% 0%, rgba(240,191,84,.10), transparent 62%),
    radial-gradient(900px 520px at 50% 90%, rgba(55,120,255,.08), transparent 62%),
    linear-gradient(180deg, var(--bg1), var(--bg0));
  padding: clamp(30px, 4.2vw, 68px) 0 calc(var(--dockH) + 18px);
}

.ayft__shell{ width:min(1300px, calc(100% - 24px)); margin:0 auto; }
.ayft__inner{
  border-radius: 26px;
  border: 1px solid rgba(240,191,84,.16);
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(240,191,84,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.26));
  box-shadow: 0 28px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(0,0,0,.22) inset;
  padding: clamp(18px, 3vw, 34px);
  text-align: center;
}

/* Head */
.ayft__head{ display:grid; gap:8px; justify-items:center; }
.ayft__title{
  margin:0;
  font: 950 clamp(26px, 3.4vw, 56px)/1.04 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.ayft__hl{
  display:inline-block;
  padding:.06em .22em;
  border-radius: 14px;
  color:#0a0a0a;
  background: linear-gradient(180deg, var(--gold0), var(--gold1));
  box-shadow: 0 18px 50px rgba(0,0,0,.40), 0 0 0 1px rgba(0,0,0,.18) inset;
}
.ayft__sub{
  margin:0;
  color: rgba(255,255,255,.72);
  font: 750 clamp(13px, 1.2vw, 18px)/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Countdown */
.ayft__cd{ margin-top:16px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.ayft__cdBox{
  width:92px; height:92px;
  border-radius:18px;
  background: linear-gradient(180deg, var(--gold0), var(--gold1));
  box-shadow: 0 18px 55px rgba(0,0,0,.48), 0 0 0 1px rgba(0,0,0,.16) inset;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:4px;
}
.ayft__cdNum{ font: 950 34px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#0a0a0a; letter-spacing:-.02em; }
.ayft__cdLbl{ font: 900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.10em; text-transform:uppercase; color: rgba(10,10,10,.86); }

/* CTA */
.ayft__cta{ margin-top:18px; display:grid; gap:10px; justify-items:center; }
.ayft__btn{
  width: min(620px, 100%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding: 16px 18px;
  border-radius: 999px;
  text-decoration:none;
  color:#0a0a0a;
  background: linear-gradient(180deg, var(--gold0), var(--gold1));
  box-shadow: 0 22px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.18) inset;
  transition: transform .18s ease, filter .18s ease;
}
.ayft__btn:hover{ transform: translateY(-1px); filter: brightness(1.02); }
.ayft__btn:active{ transform: translateY(0); }

.ayft__btnIco{
  width:38px; height:38px;
  border-radius:999px;
  display:grid; place-items:center;
  background: rgba(10,10,10,.16);
  box-shadow: 0 0 0 1px rgba(0,0,0,.10) inset;
  font-size:18px;
}
.ayft__btnTxt{
  font: 950 clamp(16px, 1.6vw, 22px)/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:-.01em;
  text-transform:uppercase;
}

.ayft__trust{
  margin:2px 0 0;
  color: rgba(255,255,255,.70);
  font: 750 13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.ayft__trustSep{ opacity:.35; }

/* Bottom */
.ayft__hr{
  margin:18px auto 14px;
  width: min(920px, 100%);
  border:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}
.ayft__bottom{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.ayft__copy{ margin:0; color: rgba(255,255,255,.45); font: 700 12px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.ayft__nav{ display:flex; gap:16px; flex-wrap:wrap; justify-content:center; }
.ayft__link{
  color: rgba(255,255,255,.52);
  text-decoration:none;
  font: 800 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.02em;
  transition: color .18s ease, opacity .18s ease;
}
.ayft__link:hover{ color: rgba(240,191,84,.92); }

/* ===================== AYDOCK — Sticky Buy Bar (Premium + Legible + Gold Halo) ===================== */
.aydock{
  position: fixed;
  left: 0; right: 0;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 99990;
  padding: 0 12px;

  opacity: 0;
  transform: translateY(120%);
  pointer-events: none;

  transition: transform .22s ease, opacity .22s ease;
  will-change: transform, opacity;
}
.aydock.aydock--show{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.aydock__inner{
  position: relative;
  max-width: 1100px;
  margin: 0 auto;

  border-radius: 22px;
  border: 1px solid rgba(240,191,84,.22);

  /* base: más sólido para legibilidad */
  background:
    radial-gradient(900px 420px at 28% -12%, rgba(240,191,84,.16), transparent 55%),
    linear-gradient(180deg, rgba(8,10,14,.94), rgba(5,6,8,.90));

  backdrop-filter: blur(22px) saturate(1.10) contrast(1.05);
  -webkit-backdrop-filter: blur(22px) saturate(1.10) contrast(1.05);

  /* profundidad + aura */
  box-shadow:
    0 30px 110px rgba(0,0,0,.72),
    0 0 0 1px rgba(0,0,0,.30) inset,
    0 0 36px rgba(240,191,84,.10);

  padding: 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

/* capa interna: bloquea el fondo sin “matar” el glass */
.aydock__inner::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.22));
  pointer-events:none;
}

/* ring dorado externo (separación real) */
.aydock__inner::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  padding: 1px;
  background:
    linear-gradient(135deg,
      rgba(240,191,84,.65),
      rgba(240,191,84,.12) 34%,
      rgba(255,255,255,.06) 56%,
      rgba(240,191,84,.22) 78%,
      rgba(240,191,84,.58)
    );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  pointer-events:none;

  filter:
    drop-shadow(0 0 16px rgba(240,191,84,.22))
    drop-shadow(0 12px 54px rgba(240,191,84,.12));
  opacity: .98;
}

.aydock__left{
  min-width: 0;
  display:grid;
  gap: 6px;
  z-index: 1; /* encima de ::before */
}

.aydock__name{
  font: 950 14px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: -.01em;
  color: rgba(255,255,255,.96);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aydock__time{
  font: 800 12px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.80);
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
}
.aydock__time strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 30px;
  padding: 0 10px;
  border-radius: 999px;

  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);

  color: rgba(255,255,255,.96);
  font-weight: 950;
  letter-spacing: .02em;
}

/* CTA */
.aydock__btn{
  z-index: 1;
  text-decoration:none;
  user-select:none;
  -webkit-tap-highlight-color: transparent;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 14px 18px;
  border-radius: 9999px;

  font: 950 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;

  color: #07070a;

  background:
    radial-gradient(120% 140% at 25% 10%, rgba(255,255,255,.36) 0%, rgba(255,255,255,0) 42%),
    linear-gradient(180deg, #f6d37a 0%, #f0bf54 46%, #d39a2d 100%);

  box-shadow:
    0 18px 55px rgba(0,0,0,.50),
    0 0 0 1px rgba(0,0,0,.18) inset,
    0 1px 0 rgba(255,255,255,.30) inset,
    0 0 24px rgba(240,191,84,.14);

  transition: transform .18s ease, filter .18s ease;
}
.aydock__btn:hover{ transform: translateY(-1px); filter: brightness(1.02); }
.aydock__btn:active{ transform: translateY(0); }
.aydock__btn:focus-visible{
  outline:none;
  box-shadow:
    0 18px 55px rgba(0,0,0,.50),
    0 0 0 1px rgba(0,0,0,.18) inset,
    0 0 0 2px rgba(240,191,84,.62),
    0 0 0 6px rgba(240,191,84,.18),
    0 0 30px rgba(240,191,84,.18);
}
.aydock__btn::before{
  content:"";
  position:absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.22), transparent 42%);
  pointer-events:none;
  opacity:.55;
}

/* Mobile */
@media (max-width: 720px){
  .aydock__inner{ border-radius: 20px; padding: 12px; }
  .aydock__name{ font-size: 16px; }
  .aydock__time{ font-size: 16px; }
  .aydock__btn{ padding: 14px; font-size: 16px; letter-spacing: .10em; }
  .aydock__left{ text-align:center; justify-content:center; }
  .aydock__inner::before{ background: linear-gradient(180deg, rgba(0,0,0,.40), rgba(0,0,0,.26)); }
}

@media (max-width: 420px){
  .aydock__inner{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .aydock__btn{ width: 100%; }
}

@media (prefers-reduced-motion: reduce){
  .aydock, .aydock__btn{ transition:none; }
}

/* ===========================
   AYDOCK CTA — ULTRA PREMIUM CLEAN
   (sin halo/sombra entre texto y borde)
=========================== */

.aydock .ay-cta{ position:relative; z-index:3; }

/* Botón: oro luxury, limpio */
.aydock .ay-cta .ay-btn{
  position: relative;
  z-index: 3;

  appearance: none;
  border: 1px solid rgba(240,191,84,.32);
  border-radius: 9999px;

  padding: 14px 18px;
  min-height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;

  font: 950 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;

  /* IMPORTANT: sin text-shadow ni filtros raros */
  text-shadow: none !important;
  filter: none !important;

  color: #090a0d;

  /* Oro ultra (sin capas que “ensucien”) */
  background: linear-gradient(180deg, #f7dc90 0%, #f0bf54 45%, #d39a2d 100%);

  /* Solo sombras externas (cero inset = cero “halo”) */
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 26px rgba(240,191,84,.14);

  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
  transform: translateZ(0);
  background-clip: padding-box; /* evita que el borde se “mezcle” visualmente */
}

/* Mata cualquier overlay previo que te generaba el “borde raro” */
.aydock .ay-cta .ay-btn::before{ content:none !important; }
.aydock .ay-cta .ay-btn::after{ content:none !important; }

@media (hover:hover){
  .aydock .ay-cta .ay-btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow:
      0 22px 70px rgba(0,0,0,.58),
      0 0 32px rgba(240,191,84,.16);
  }
}
.aydock .ay-cta .ay-btn:active{
  transform: translateY(0);
  filter: brightness(.995);
}

.aydock .ay-cta .ay-btn:focus-visible{
  outline: none;
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 0 2px rgba(240,191,84,.70),
    0 0 0 6px rgba(240,191,84,.18),
    0 0 30px rgba(240,191,84,.18);
}

/* Texto y flecha */
.aydock .ay-cta .ay-btn__txt{
  color: #090a0d;
  font-weight: 950;
  letter-spacing: .10em;
  text-shadow: none !important;
}

/* Dot: “joya” oscura dentro del oro (premium) */
.aydock .ay-cta .ay-btn__dot{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;

  background: rgba(10,10,10,.16);
  border: 1px solid rgba(0,0,0,.10);

  color: #090a0d;
  font-size: 16px;
  line-height: 1;
}

/* Mobile stacking */
@media (max-width: 420px){
  .aydock .ay-cta{ justify-content: stretch; }
  .aydock .ay-cta .ay-btn{ width: 100%; }
}


/* ==========================================================
   TANQUERAY CTA — AYFT + AYDOCK (ultra premium, limpio)
   - Overwrite fuerte SOLO dentro de .ayft y .aydock
   - Sin halo raro: NO inset-shadow, NO text-shadow
========================================================== */

/* Base wrapper */
.ayft .ay-cta,
.aydock .ay-cta{
  position: relative;
  z-index: 5;                 /* encima de ::before/::after del dock */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Botón premium (misma clase .ay-btn en footer y dock) */
.ayft .ay-cta .ay-btn,
.aydock .ay-cta .ay-btn{
  appearance: none;
  -webkit-appearance: none;

  border: 1px solid rgba(240,191,84,.34);
  border-radius: 9999px;

  padding: 14px 18px;
  min-height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;

  /* Tipografía premium */
  font: 950 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;

  /* Limpieza total */
  text-shadow: none !important;
  filter: none !important;

  color: #0a0b0f;

  /* Oro ultra luxury (sin “box” gris) */
  background: linear-gradient(180deg, #f7dc90 0%, #f0bf54 45%, #d39a2d 100%) !important;

  /* Solo sombras externas (cero inset = cero “sombra rara” interna) */
  box-shadow:
    0 18px 55px rgba(0,0,0,.52),
    0 0 26px rgba(240,191,84,.14);

  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
  transform: translateZ(0);
  background-clip: padding-box;
}

/* Sheen superior ultra sutil (NO genera halo interno) */
.ayft .ay-cta .ay-btn::before,
.aydock .ay-cta .ay-btn::before{
  content:"";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .55;
  background: radial-gradient(120% 160% at 20% 10%,
              rgba(255,255,255,.32) 0%,
              rgba(255,255,255,0) 48%);
}

/* SIN pseudo glint agresivo por defecto (si lo quieres, lo activamos con hover) */
.ayft .ay-cta .ay-btn::after,
.aydock .ay-cta .ay-btn::after{
  content: none !important;
}

/* Hover/Active */
@media (hover:hover){
  .ayft .ay-cta .ay-btn:hover,
  .aydock .ay-cta .ay-btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow:
      0 22px 70px rgba(0,0,0,.56),
      0 0 32px rgba(240,191,84,.16);
  }
}
.ayft .ay-cta .ay-btn:active,
.aydock .ay-cta .ay-btn:active{
  transform: translateY(0);
  filter: brightness(.995);
}

/* Focus premium */
.ayft .ay-cta .ay-btn:focus-visible,
.aydock .ay-cta .ay-btn:focus-visible{
  outline: none;
  box-shadow:
    0 18px 55px rgba(0,0,0,.52),
    0 0 0 2px rgba(240,191,84,.70),
    0 0 0 6px rgba(240,191,84,.18),
    0 0 30px rgba(240,191,84,.18);
}

/* Texto y dot */
.ayft .ay-cta .ay-btn__txt,
.aydock .ay-cta .ay-btn__txt{
  color: #0a0b0f;
  font-weight: 950;
  letter-spacing: .10em;
  text-shadow: none !important;
}

.ayft .ay-cta .ay-btn__dot,
.aydock .ay-cta .ay-btn__dot{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;

  /* joya oscura (contraste premium) */
  background: rgba(8,10,14,.18);
  border: 1px solid rgba(0,0,0,.10);

  color: #0a0b0f;
  font-size: 16px;
  line-height: 1;
}

/* En móviles apilados: full width en dock */
@media (max-width: 420px){
  .aydock .ay-cta{ width: 100%; }
  .aydock .ay-cta .ay-btn{ width: 100%; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ayft .ay-cta .ay-btn,
  .aydock .ay-cta .ay-btn{
    transition: none !important;
  }
}
/* ==========================================================
   AYFT v3 — Tanqueray Ultra (Footer + CTA)
   Objetivo: premium, limpio, CRO, cero “halos” raros
========================================================== */

.ayft{
  --bg0:#05070c; --bg1:#070b13;
  --ink:rgba(255,255,255,.94);
  --muted:rgba(255,255,255,.74);
  --line:rgba(255,255,255,.10);

  --gold0:#f0bf54; --gold1:#d39a2d;
  --goldA: rgba(240,191,84,.28);
  --goldGlow: rgba(240,191,84,.16);

  --dockH: 78px;

  color: var(--ink);
  background:
    radial-gradient(1100px 520px at 50% 0%, rgba(240,191,84,.09), transparent 62%),
    radial-gradient(900px 520px at 50% 90%, rgba(55,120,255,.08), transparent 62%),
    linear-gradient(180deg, var(--bg1), var(--bg0));
  padding: clamp(34px, 4.2vw, 74px) 0 calc(var(--dockH) + 18px);
}

.ayft__shell{ width:min(1300px, calc(100% - 24px)); margin:0 auto; }

.ayft__inner{
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: clamp(18px, 3vw, 36px);
  text-align: center;

  background:
    radial-gradient(900px 420px at 50% 0%, rgba(240,191,84,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.30));

  box-shadow:
    0 28px 90px rgba(0,0,0,.62),
    0 0 0 1px rgba(0,0,0,.28) inset;
}

/* borde premium tipo “ring” (como tu dock, pero más fino) */
.ayft__inner::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  padding: 1px;
  background:
    linear-gradient(135deg,
      rgba(240,191,84,.55),
      rgba(240,191,84,.10) 34%,
      rgba(255,255,255,.06) 56%,
      rgba(240,191,84,.18) 78%,
      rgba(240,191,84,.50)
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
  filter: drop-shadow(0 0 16px rgba(240,191,84,.12));
  opacity: .95;
}

/* Head */
.ayft__head{ display:grid; gap:10px; justify-items:center; }

.ayft__title{
  margin:0;
  font: 1000 clamp(28px, 3.8vw, 58px)/1.02 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:-.03em;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
}

.ayft__hl{
  display:inline-block;
  padding:.10em .28em;
  border-radius: 16px;
  color:#0a0a0a;
  background: linear-gradient(180deg, var(--gold0), var(--gold1));
  box-shadow: 0 18px 50px rgba(0,0,0,.40); /* sin inset para que no “ensucie” */
}

.ayft__sub{
  margin:0;
  color: rgba(255,255,255,.74);
  font: 800 clamp(13px, 1.3vw, 18px)/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Countdown: más luxury (dark cards + dígito oro) */
.ayft__cd{
  margin-top: 18px;
  display:flex;
  justify-content:center;
  gap: 12px;
  flex-wrap:wrap;
}

.ayft__cdBox{
  width: 98px;
  height: 98px;
  border-radius: 20px;
  display:grid;
  place-content:center;
  gap: 6px;

  background:
    radial-gradient(120% 160% at 20% 10%, rgba(255,255,255,.10), rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,0,0,.28));
  border: 1px solid rgba(240,191,84,.22);

  box-shadow:
    0 18px 55px rgba(0,0,0,.52),
    0 0 28px rgba(240,191,84,.06);
}

.ayft__cdNum{
  font: 1000 38px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:-.02em;
  color: rgba(240,191,84,.96);
  text-shadow: none;
  font-variant-numeric: tabular-nums;
}

.ayft__cdLbl{
  font: 950 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.70);
}

/* CTA — ultra premium limpio (footer + dock) */
.ayft .ay-cta,
.aydock .ay-cta{
  margin-top: 16px;
  position: relative;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ayft .ay-btn,
.aydock .ay-btn{
  position: relative;
  appearance: none;
  -webkit-appearance: none;

  border: 1px solid rgba(240,191,84,.34);
  border-radius: 9999px;

  padding: 16px 20px;
  min-height: 54px;
  min-width: min(360px, 100%);

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 14px;

  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;

  font: 1000 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;

  color: #0a0b0f;
  text-shadow: none !important;
  filter: none !important;

  background: linear-gradient(180deg, #f7dc90 0%, #f0bf54 45%, #d39a2d 100%) !important;
  background-clip: padding-box;

  /* solo sombras externas: cero “borde raro” */
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 30px rgba(240,191,84,.14);

  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
  transform: translateZ(0);
}

/* brillo sutil arriba (limpio) */
.ayft .ay-btn::before,
.aydock .ay-btn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:.55;
  background: radial-gradient(120% 160% at 20% 10%,
    rgba(255,255,255,.30) 0%,
    rgba(255,255,255,0) 50%);
}

/* dot joya */
.ayft .ay-btn__dot,
.aydock .ay-btn__dot{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display:grid;
  place-items:center;

  background: rgba(8,10,14,.18);
  border: 1px solid rgba(0,0,0,.12);

  color: #0a0b0f;
  font-size: 18px;
  line-height: 1;
}

/* hover suave */
@media (hover:hover){
  .ayft .ay-btn:hover,
  .aydock .ay-btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow:
      0 22px 70px rgba(0,0,0,.58),
      0 0 36px rgba(240,191,84,.16);
  }
}
.ayft .ay-btn:active,
.aydock .ay-btn:active{
  transform: translateY(0);
  filter: brightness(.995);
}

/* focus premium */
.ayft .ay-btn:focus-visible,
.aydock .ay-btn:focus-visible{
  outline:none;
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 0 2px rgba(240,191,84,.72),
    0 0 0 7px rgba(240,191,84,.18),
    0 0 34px rgba(240,191,84,.18);
}

/* HR + bottom */
.ayft__hr{
  margin: 20px auto 14px;
  width: min(920px, 100%);
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}

.ayft__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}

.ayft__copy{
  margin:0;
  color: rgba(255,255,255,.45);
  font: 800 12px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.ayft__nav{
  display:flex;
  gap: 18px;
  flex-wrap:wrap;
  justify-content:center;
}

.ayft__link{
  color: rgba(255,255,255,.60);
  text-decoration:none;
  font: 900 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.02em;
  transition: color .16s ease, opacity .16s ease;
}
.ayft__link:hover{ color: rgba(240,191,84,.92); }

/* Responsive */
@media (max-width: 720px){
  .ayft__bottom{ justify-content:center; text-align:center; }
  .ayft .ay-btn{ min-width: min(420px, 100%); }
  .ayft__cdBox{ width: 94px; height: 94px; }
}

@media (max-width: 420px){
  .ayft .ay-cta,
  .aydock .ay-cta{ width: 100%; }
  .ayft .ay-btn,
  .aydock .ay-btn{ width: 100%; min-width: 0; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ayft .ay-btn, .aydock .ay-btn{ transition:none !important; }
}


/* ==========================================================
   AYFT + AYDOCK — ESPACIO PREMIUM ENTRE FOOTER Y DOCK
========================================================== */

/* 1) Reserva más espacio debajo del footer para que el dock “respire” */
.ayft{
  --dockGap: 22px; /* aire visual entre footer y dock */
  padding-bottom: calc(var(--dockH) + var(--dockGap) + 28px) !important;
}

/* 2) Baja un poco el dock para no quedar pegado al borde del footer */
.aydock{
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}

/* 3) Si el dock se ve grande, ajusta el "dockH" real para que la reserva sea exacta */
.ayft{
  --dockH: 92px; /* antes 78px: tu dock real ocupa más */
}

/* 4) En desktop: un poquito más de aire (luxury) */
@media (min-width: 900px){
  .ayft{ --dockGap: 28px; }
  .aydock{ bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* 5) En móviles pequeños: mantiene aire sin comerse pantalla */
@media (max-width: 420px){
  .ayft{ --dockGap: 18px; }
  .aydock{ bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ==========================================================
   AYPR + AYDM + AYCAL — Tanqueray Premium (Unified Single Tag)
   - Drop-in: mismo look, mismo scope, cero cambios de diseño
========================================================== */

/* ================================
   AYPR (After You — Premium Rules)
   Reemplazo completo (drop-in)
================================ */

.aypr,
.aypr *{ box-sizing:border-box; }

.aypr{
  /* Core tokens */
  --bg0:#05070c;
  --bg1:#070b13;

  --ink:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.68);

  --gold0:#f0bf54;
  --goldGlow:rgba(240,191,84,.24);

  --line:rgba(240,191,84,.18);
  --line2:rgba(255,255,255,.10);

  --r0:18px;
  --r1:22px;
  --r2:26px;

  --shadow0:0 18px 55px rgba(0,0,0,.55);
  --shadow1:0 16px 44px rgba(0,0,0,.40);
  --shadow2:0 26px 80px rgba(0,0,0,.62);

  --ff:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  color-scheme: dark;
  padding: clamp(24px, 4vw, 34px) 0;
  color: var(--ink);
  background:
    radial-gradient(1200px 420px at 0% 0%, rgba(240,191,84,.10), transparent 0%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}

/* Surface */
.aypr-surface{
  max-width: 1460px;
  margin: 0 auto;
  padding: clamp(16px, 2.2vw, 28px);
  border-radius: var(--r2);
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.22) 60%, rgba(255,255,255,.04));
  box-shadow: var(--shadow0), 0 0 0 1px rgba(0,0,0,.25) inset;
  overflow: clip;
}

/* ===================== Head ===================== */
.aypr-head{
  text-align:center;
  display:grid;
  gap: 10px;
  justify-items:center;
  margin-bottom: 18px;
}

.aypr-kicker{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.aypr-kdot{
  width: 8px; height: 8px; border-radius: 999px;
  background: var(--gold0);
  box-shadow: 0 0 18px var(--goldGlow);
}

.aypr-ktext{
  font: 900 12px/1 var(--ff);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.76);
}

.aypr-title{
  margin: 0;
  font: 950 clamp(24px, 2.8vw, 44px)/1.05 var(--ff);
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.aypr-accent{
  color: var(--gold0);
  text-shadow: 0 0 26px var(--goldGlow);
}

.aypr-sub{
  margin: 0;
  max-width: 78ch;
  font: 750 clamp(14px, .55vw + 12px, 18px)/1.45 var(--ff);
  color: rgba(255,255,255,.74);
}

.aypr-gold{ color: var(--gold0); }

/* ===================== Grid ===================== */
.aypr-grid{
  display:grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

@media (max-width: 1100px){
  .aypr-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .aypr-grid{ grid-template-columns: 1fr; }
}

/* ===================== Card ===================== */
.aypr-card{
  position: relative;
  border-radius: var(--r1);
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 320px at 50% 10%, rgba(255,255,255,.06), rgba(0,0,0,.26)),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.28));
  padding: 18px 18px 16px;
  box-shadow: var(--shadow1);
  display:grid;
  gap: 8px;
  min-height: 260px;
  overflow: hidden;
  isolation:isolate;
}

.aypr-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: calc(var(--r1) + 2px);
  pointer-events:none;
  background: radial-gradient(900px 280px at 50% 0%, rgba(240,191,84,.10), transparent 60%);
  opacity: .75;
  z-index:0;
}

.aypr-card--grand{
  border-color: rgba(240,191,84,.45);
  box-shadow: 0 18px 52px rgba(0,0,0,.55);
}

/* FIX sobresalto en scroll: transition siempre activo (enter y leave) */
@media (hover:hover){
  .aypr-card{
    transition: transform .18s ease, border-color .18s ease, filter .18s ease;
    transform: translateZ(0);
    will-change: transform;
  }

  .aypr-card:hover{
    border-color: rgba(240,191,84,.22);
    transform: translate3d(0,-2px,0);
    /* filter: none; */
  }
}

.aypr-card:focus-within{
  outline: 3px solid rgba(240,191,84,.30);
  outline-offset: 2px;
}

.aypr-icon{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(240,191,84,.10);
  border: 1px solid rgba(240,191,84,.22);
  box-shadow: 0 0 26px rgba(240,191,84,.12);
  font-size: 26px;
  position: relative;
  z-index: 1;
  margin: 0 auto 2px;
}

.aypr-icon--silver{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 0 26px rgba(255,255,255,.08);
}

.aypr-icon--bronze{
  background: rgba(240,191,84,.07);
  border-color: rgba(240,191,84,.16);
}

.aypr-tag{
  position: relative;
  z-index: 1;
  text-align:center;
  font: 900 12px/1 var(--ff);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(240,191,84,.92);
  margin-top: 6px;
}

.aypr-name{
  position: relative;
  z-index: 1;
  text-align:center;
  font: 950 clamp(18px, 1.0vw + 14px, 26px)/1.1 var(--ff);
  color: rgba(255,255,255,.96);
}

.aypr-desc{
  position: relative;
  z-index: 1;
  text-align:center;
  font: 750 14px/1.55 var(--ff);
  color: rgba(255,255,255,.70);
}

.aypr-pill{
  position:absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(240,191,84,.18);
  background: rgba(240,191,84,.08);
  color: rgba(255,255,255,.88);
  font: 850 12px/1 var(--ff);
  backdrop-filter: blur(8px);
}

@supports not (backdrop-filter: blur(1px)){
  .aypr-pill{ background: rgba(10,12,18,.72); }
}

/* ===================== Button ===================== */
.aypr-btn{
  position: relative;
  z-index: 1;
  margin-top: auto;
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  cursor: pointer;
  touch-action: manipulation;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;

  background: linear-gradient(180deg, rgba(240,191,84,.24), rgba(240,191,84,.10));
  border: 1px solid rgba(240,191,84,.22);
  color: rgba(255,255,255,.92);
  font: 900 14px/1 var(--ff);
  letter-spacing: .02em;
  box-shadow: 0 14px 34px rgba(0,0,0,.34);
}

@media (hover:hover){
  .aypr-btn:hover{ filter: brightness(1.08); }
}
.aypr-btn:active{ transform: translateY(1px); }
.aypr-btn:focus-visible{
  outline: 3px solid rgba(240,191,84,.34);
  outline-offset: 2px;
}

/* ===================== Footer ===================== */
.aypr-foot{
  margin-top: 16px;
  padding-top: 12px;
  text-align:center;
  color: rgba(255,255,255,.58);
  font: 800 clamp(12px, .25vw + 11.5px, 14px)/1.2 var(--ff);
  border-top: 1px solid rgba(255,255,255,.06);
}
.aypr-foot__ico{ margin-right: 6px; color: var(--gold0); }
.aypr-sep{ margin: 0 8px; color: rgba(255,255,255,.30); }

/* ===================== Modal ===================== */
.aypr-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;

  display:grid;
  place-items:center;

  padding: max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right))
           max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .16s ease, visibility .16s ease;
}

.aypr-modal[aria-hidden="false"]{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.aypr-modal__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.70);
}

@supports (backdrop-filter: blur(1px)){
  .aypr-modal__backdrop{
    backdrop-filter: blur(10px);
  }
}

.aypr-modal__dialog{
  position: relative;
  width: min(720px, 100%);
  max-height: min(740px, calc(100dvh - 48px));
  border-radius: var(--r1);
  border: 1px solid rgba(240,191,84,.18);
  background:
    radial-gradient(900px 320px at 50% 0%, rgba(240,191,84,.10), rgba(0,0,0,.30)),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.32));
  box-shadow: var(--shadow2);
  overflow: hidden;
  transform: translateY(10px) scale(.985);
  transition: transform .18s ease, opacity .18s ease;
  opacity: 0;

  contain: layout paint;
}

.aypr-modal[aria-hidden="false"] .aypr-modal__dialog{
  transform: translateY(0) scale(1);
  opacity: 1;
}

.aypr-modal__close{
  position:absolute;
  top: 12px;
  right: 12px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font: 900 22px/1 var(--ff);
  cursor:pointer;
  display:grid;
  place-items:center;
  touch-action: manipulation;
}

@media (hover:hover){
  .aypr-modal__close:hover{ filter: brightness(1.08); }
}
.aypr-modal__close:focus-visible{
  outline: 3px solid rgba(240,191,84,.34);
  outline-offset: 2px;
}

/* Modal head: icon + title arriba, texto full ancho abajo */
.aypr-modal__head{
  padding: 18px 18px 12px;
  text-align:center;
  display:grid;
  gap: 8px;
  justify-items:center;
}

.aypr-modal__icon{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(240,191,84,.10);
  border: 1px solid rgba(240,191,84,.22);
  box-shadow: 0 0 26px rgba(240,191,84,.12);
  font-size: 26px;
}

.aypr-modal__icon--silver{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 0 26px rgba(255,255,255,.08);
}

.aypr-modal__icon--bronze{
  background: rgba(240,191,84,.07);
  border-color: rgba(240,191,84,.16);
}

.aypr-modal__title{
  margin: 0;
  font: 950 20px/1.15 var(--ff);
  color: rgba(255,255,255,.96);
}

.aypr-modal__sub{
  margin: 0;
  font: 750 14px/1.55 var(--ff);
  color: rgba(255,255,255,.70);
  max-width: 60ch;
}

.aypr-modal__body{
  padding: 12px 18px 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.aypr-steps{
  margin: 0;
  padding: 0 0 0 18px;
  display:grid;
  gap: 10px;
  color: rgba(255,255,255,.86);
  font: 750 14px/1.6 var(--ff);
}
.aypr-steps li strong{ color: rgba(240,191,84,.92); }

.aypr-note{
  margin-top: 14px;
  border-radius: 16px;
  border: 1px solid rgba(240,191,84,.16);
  background: rgba(240,191,84,.08);
  padding: 12px 12px;
  color: rgba(255,255,255,.86);
  font: 750 13px/1.6 var(--ff);
}

@supports (backdrop-filter: blur(1px)){
  .aypr-note{
    backdrop-filter: blur(10px);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .aypr-card,
  .aypr-btn,
  .aypr-modal,
  .aypr-modal__dialog{
    transition: none !important;
    transform: none !important;
  }
}


/* ==========================================================
   AYDM + AYCAL — Tanqueray Premium (Scoped)
========================================================== */

.aydm{
  /* palette */
  --bg0:#04060b;
  --bg1:#060914;

  --panel0:rgba(10,12,16,.92);
  --panel1:rgba(7,9,12,.88);

  --ink:rgba(255,255,255,.94);
  --muted:rgba(255,255,255,.70);
  --muted2:rgba(255,255,255,.58);

  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.06);

  --gold0:#f0bf54;
  --gold1:#d39a2d;
  --goldLine:rgba(240,191,84,.24);
  --goldGlow:rgba(240,191,84,.18);

  --shadow0:0 22px 80px rgba(0,0,0,.70);
  --shadow1:0 12px 40px rgba(0,0,0,.45);

  padding: clamp(22px, 3vw, 52px) 0;
  color: var(--ink);

  /* menos “haze” = más claridad */
  background:
    radial-gradient(900px 380px at 1% 1%, rgba(240,191,84,.09), transparent 5%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}

.aydm-surface{
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(16px, 2vw, 22px);
}

.aydm-head{
  text-align:center;
  display:grid;
  gap: 8px;
  justify-items:center;
  margin-bottom: 14px;
}
.aydm-title{
  margin:0;
  font: 950 clamp(22px, 2.7vw, 36px)/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.aydm-title__accent{
  color: var(--gold0);
  text-shadow: 0 0 18px rgba(240,191,84,.16);
}
.aydm-sub{
  margin:0;
  color: rgba(255,255,255,.72);
  font: 750 14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.aydm-sub__sep{ margin: 0 8px; color: rgba(255,255,255,.35); }

.aydm-grid{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}
@media (max-width: 980px){
  .aydm-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px){
  .aydm-grid{ grid-template-columns: 1fr; }
}

.aydm-card{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.28));
  box-shadow: var(--shadow1), 0 0 0 1px rgba(0,0,0,.22) inset;
  padding: 14px;
  display:grid;
  gap: 10px;
  overflow:hidden;
  position:relative;
}
.aydm-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(900px 240px at 50% 0%,
      rgba(240,191,84,.08),
      transparent 60%);
}

.aydm-card__top{
  display:flex;
  align-items:center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  position:relative;
  z-index:1;
}
.aydm-ico{
  width: 38px; height: 38px;
  border-radius: 999px;
  display:grid; place-items:center;
  background: rgba(240,191,84,.10);
  border: 1px solid rgba(240,191,84,.22);
  box-shadow: 0 0 18px rgba(240,191,84,.10);
  flex: 0 0 auto;
}
.aydm-k{
  font: 950 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
}

.aydm-body{ display:grid; gap: 10px; position:relative; z-index:1; }
.aydm-v{
  font: 950 clamp(16px, .7vw + 14px, 22px)/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.92);
}

.aydm-btn,
.aydm-link{
  appearance:none;
  border: 0;
  cursor:pointer;
  border-radius: 999px;
  padding: 10px 12px;
  font: 900 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  -webkit-tap-highlight-color: transparent;
}
.aydm-btn{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.86);
}
.aydm-btn:hover{
  border-color: rgba(240,191,84,.30);
  box-shadow: 0 0 0 3px rgba(240,191,84,.08);
}

/* CTA “Ver calendario” — premium (sin cartel, sin oro sólido) */
.aydm-footrow{
  margin-top: 14px;
  display:flex;
  justify-content:center;
}
.aydm .aydm-footrow .aydm-link{
  position: relative;

  width: min(560px, 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  border-radius: 18px;
  padding: 14px 18px;

  font-size: 14px;
  font-weight: 950;
  letter-spacing: .06em;

  color: rgba(255,255,255,.92);

  background:
    radial-gradient(120% 160% at 15% 0%,
      rgba(240,191,84,.12) 0%,
      rgba(240,191,84,0) 48%),
    linear-gradient(180deg,
      rgba(255,255,255,.08),
      rgba(0,0,0,.42));

  border: 1px solid rgba(240,191,84,.22);

  box-shadow:
    0 18px 70px rgba(0,0,0,.62),
    0 0 0 1px rgba(0,0,0,.28) inset,
    0 0 22px rgba(240,191,84,.06);

  transition: transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease;
  user-select:none;
}
.aydm .aydm-footrow .aydm-link::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius: inherit;
  pointer-events:none;
  opacity:.42;
  background: linear-gradient(180deg, rgba(255,255,255,.20), transparent 42%);
}
.aydm .aydm-footrow .aydm-link::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg,
    rgba(240,191,84,.52),
    rgba(240,191,84,.08) 34%,
    rgba(255,255,255,.06) 56%,
    rgba(240,191,84,.16) 78%,
    rgba(240,191,84,.42)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
  filter: drop-shadow(0 0 12px rgba(240,191,84,.12));
  opacity:.92;
}
.aydm .aydm-footrow .aydm-link:hover{
  transform: translateY(-1px);
  border-color: rgba(240,191,84,.34);
  box-shadow:
    0 22px 80px rgba(0,0,0,.68),
    0 0 0 1px rgba(0,0,0,.28) inset,
    0 0 26px rgba(240,191,84,.10);
}
.aydm .aydm-footrow .aydm-link:active{
  transform: translateY(0);
  filter: brightness(.99);
}
.aydm .aydm-footrow .aydm-link:focus-visible{
  outline: none;
  box-shadow:
    0 18px 70px rgba(0,0,0,.62),
    0 0 0 1px rgba(0,0,0,.28) inset,
    0 0 0 2px rgba(240,191,84,.50),
    0 0 0 6px rgba(240,191,84,.12);
}
@media (max-width: 520px){
  .aydm .aydm-footrow .aydm-link{
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 13px;
    letter-spacing: .05em;
  }
}

/* ===================== MODAL (más contraste / menos confusión) ===================== */
.aydm-modal{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display:none;
}
.aydm-modal[aria-hidden="false"]{ display:block; }
body.aydm-open{ overflow:hidden; }

.aydm-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(12px) saturate(1.08);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
}

/* dialog: panel más sólido + glow solo arriba */
.aydm-dialog{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  width: min(820px, calc(100vw - 26px));
  max-height: calc(100vh - 26px);
  overflow:auto;

  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.12);

  background:
    radial-gradient(900px 340px at 50% 0%,
      rgba(240,191,84,.10),
      transparent 62%),
    linear-gradient(180deg,
      rgba(14,16,20,.96),
      rgba(8,10,14,.94));

  box-shadow: 0 34px 140px rgba(0,0,0,.78), 0 0 0 1px rgba(0,0,0,.28) inset;

  padding: 18px 18px 16px;
  outline: none;
  color-scheme: dark;

  scrollbar-color: rgba(240,191,84,.28) rgba(255,255,255,.06);
  scrollbar-width: thin;
}
.aydm-dialog--wide{ width: min(1100px, calc(100vw - 26px)); }

.aydm-dialog::-webkit-scrollbar{ width: 10px; }
.aydm-dialog::-webkit-scrollbar-thumb{
  background: rgba(240,191,84,.18);
  border: 2px solid rgba(0,0,0,.35);
  border-radius: 999px;
}
.aydm-dialog::-webkit-scrollbar-track{
  background: rgba(255,255,255,.05);
  border-radius: 999px;
}

/* close: fijo arriba-derecha, más limpio */
.aydm-close{
  position: sticky;
  top: 0;
  margin-left: auto;
  width: 44px;
  height: 44px;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);

  background:
    radial-gradient(120% 120% at 30% 20%,
      rgba(255,255,255,.10),
      rgba(0,0,0,.52));
  color: rgba(255,255,255,.92);

  font-size: 28px;
  line-height: 1;
  display:grid;
  place-items:center;
  cursor:pointer;

  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}
.aydm-close:hover{ filter: brightness(1.06); }
.aydm-close:focus-visible{
  outline:none;
  box-shadow:
    0 10px 30px rgba(0,0,0,.45),
    0 0 0 2px rgba(240,191,84,.48),
    0 0 0 6px rgba(240,191,84,.12);
}

.aydm-mtitle{
  margin: 8px 0 8px;
  font: 950 22px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.96);
}
.aydm-mp{
  margin: 0 0 10px;
  font: 750 14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.76);
}
.aydm-verify{
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(240,191,84,.18);
  background:
    radial-gradient(140% 160% at 20% 0%,
      rgba(240,191,84,.10),
      rgba(240,191,84,.04)),
    rgba(0,0,0,.22);
  color: rgba(255,255,255,.90);
  font: 850 13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}

.aydm-ul{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}
.aydm-ul li{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.26);
  color: rgba(255,255,255,.84);
  font: 750 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* ===================== CALENDAR (inside modal) ===================== */
.aycal{
  margin-top: 12px;
  display:grid;
  gap: 12px;
}

/* item: más separación del fondo */
.aycal-item{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.34));
  box-shadow: 0 14px 44px rgba(0,0,0,.42), 0 0 0 1px rgba(0,0,0,.28) inset;
  overflow:hidden;
}
.aycal-item[open]{
  border-color: rgba(240,191,84,.18);
}
.aycal-item[open] .aycal-chev{ transform: rotate(180deg); }

.aycal-sum{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 12px;
  cursor:pointer;
  user-select:none;

  background:
    radial-gradient(120% 160% at 16% 0%,
      rgba(240,191,84,.08),
      transparent 54%),
    rgba(0,0,0,.22);

  border-bottom: 1px solid rgba(255,255,255,.06);
}
.aycal-sum::-webkit-details-marker{ display:none; }

.aycal-left{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}
.aycal-ico{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;

  background: rgba(240,191,84,.10);
  border: 1px solid rgba(240,191,84,.18);
  box-shadow: 0 0 18px rgba(240,191,84,.08);
  flex: 0 0 auto;
}

.aycal-title{
  font: 950 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aycal-dates{
  font: 850 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.70);
  text-align:right;
  white-space: nowrap;
}

.aycal-chev{
  width: 34px; height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.90);
  transition: transform .18s ease, filter .18s ease;
  flex: 0 0 auto;
}
.aycal-item:hover .aycal-chev{ filter: brightness(1.08); }

.aycal-body{
  padding: 12px 12px 14px;
  background: rgba(0,0,0,.18);
}

.aycal-grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 720px){
  .aycal-grid{ grid-template-columns: 1fr; }
  .aycal-dates{ display:none; }
  .aycal-title{ white-space: normal; }
}

/* box: panel sólido (clave para “claridad”) */
.aycal-box{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.30));
  box-shadow: 0 10px 26px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.22) inset;
  padding: 12px 12px;
}
.aycal-k{
  font: 950 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin-bottom: 7px;
}
.aycal-v{
  font: 850 14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.90);
}
.aycal-v strong{
  color: rgba(240,191,84,.94);
  text-shadow: 0 0 14px rgba(240,191,84,.10);
}

/* winners: más legible y “apple-like” */
.aycal-winners{
  margin: 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 8px;
}
.aycal-winners li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;

  padding: 9px 10px;
  border-radius: 14px;

  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.26);

  font: 850 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.88);
}
.aycal-winners li span{
  color: rgba(255,255,255,.70);
  font-weight: 950;
}
.aycal-winners li strong{
  color: rgba(240,191,84,.90);
}

/* footnote */
.aycal-footnote{
  margin: 12px 0 0;
  color: rgba(255,255,255,.62);
  font: 750 12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* focus para summary (teclado) */
.aycal-sum:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 2px rgba(240,191,84,.46) inset,
    0 0 0 6px rgba(240,191,84,.12);
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .aycal-chev{ transition: none; }
}

/* ==========================================================
   GT + AYYS — Unified Single Tag (Drop-in)
   - Mantiene el cascade final (patches incluidos)
========================================================== */

/* ===================== GT TOKENS ===================== */


/* ===================== GT BASE ===================== */
.gt-section{
  padding: clamp(36px, 4vw, 70px) 0;
  background:
    radial-gradient(1200px 420px at 50% 0%, rgba(246,195,74,.10), transparent 55%),
    radial-gradient(900px 520px at 50% 70%, rgba(55,120,255,.10), transparent 60%),
    linear-gradient(180deg, var(--gt-bg0), var(--gt-bg1));

  /* ===================== GT TYPE SCALE (merged) ===================== */
  /* Base responsiva: 15px móvil -> 17px desktop */
  --gt-f-base: clamp(15px, 0.35vw + 14px, 17px);

  /* títulos y jerarquías */
  --gt-f-title: clamp(26px, 1.25vw + 20px, 42px);
  --gt-f-h3: clamp(18px, 0.55vw + 16px, 22px);

  /* párrafos */
  --gt-f-p: clamp(15px, 0.25vw + 14px, 17px);
  --gt-f-lead: clamp(16px, 0.35vw + 14.5px, 18px);

  /* microcopy */
  --gt-f-small: clamp(13px, 0.18vw + 12px, 14px);

  /* ===================== GT: TYPO SCALE OVERRIDE (final) ===================== */
  --gt-fs-body: clamp(15px, 0.35vw + 13.5px, 17px);
  --gt-fs-lead: clamp(15px, 0.40vw + 13.8px, 18px);
  --gt-fs-h3: clamp(17px, 0.55vw + 15px, 22px);
  --gt-fs-note: clamp(14px, 0.30vw + 12.5px, 16px);
}

.gt-surface{
  max-width: 1460px;
  margin: 0 auto;
  padding: clamp(18px, 2.2vw, 26px);
  border-radius: 26px;
  border: 1px solid var(--gt-line);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.20) 55%, rgba(255,255,255,.04));
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.25) inset;
}

.gt-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 12px;
  margin: 6px 0 18px;
}

.gt-head__ico{
  color: var(--gt-gold);
  filter: drop-shadow(0 0 10px rgba(246,195,74,.12));
  transform: translateY(1px);
}

.gt-title{
  margin: 0;
  text-align:center;
  font: 900 clamp(22px, 2.6vw, 34px)/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--gt-text);
}

/* Title scale (patch) */
.gt-title{
  font-size: var(--gt-f-title);
  letter-spacing: .04em;
}

.gt-title__tag{
  display:inline-block;
  padding: .24em .48em;
  border-radius: 10px;
  border: 1px solid rgba(120,160,255,.22);
  background: rgba(120,160,255,.12);
  color: rgba(235,242,255,.95);
  margin-right: .18em;
}

.gt-title__accent{ color: var(--gt-gold); }

.gt-item{
  display:flex;
  gap: 14px;
  padding: 18px 18px;
  border-radius: 18px;
  border: 1px solid var(--gt-line2);
  background: linear-gradient(180deg, var(--gt-card2), var(--gt-card));
  box-shadow:
    0 12px 30px rgba(0,0,0,.28),
    0 0 0 1px rgba(0,0,0,.22) inset;
}

.gt-item--primary{
  padding: 20px;
  margin-top: 6px;
}

.gt-badge{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  flex: 0 0 auto;
  color: var(--gt-gold);
  border: 1px solid rgba(246,195,74,.22);
  background: rgba(246,195,74,.10);
  box-shadow: 0 0 22px rgba(246,195,74,.08);
}

.gt-body{ min-width: 0; }

.gt-h3{
  margin: 0 0 6px;
  font: 800 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.95);
}

/* Card headings (patch) */
.gt-h3{
  font-size: var(--gt-f-h3);
  margin-bottom: 8px;
}

.gt-lead{
  margin: 0 0 10px;
  color: rgba(255,255,255,.78);
  font: 600 13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Lead (patch) */
.gt-lead{
  font-size: var(--gt-f-lead);
  line-height: 1.65;
}

.gt-steps{
  margin: 0 0 12px;
  padding-left: 18px;
  color: rgba(255,255,255,.82);
  font: 600 13px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Steps (patch) */
.gt-steps{
  font-size: var(--gt-f-p);
  line-height: 1.7;
  padding-left: 22px;
}
.gt-steps li{ margin: 8px 0; }

.gt-example{
  margin: 10px 0 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(246,195,74,.14);
  background: rgba(0,0,0,.25);
}
.gt-example__k{
  font: 800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.70);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
}
/* Example k (patch) */
.gt-example__k{
  font-size: var(--gt-f-small);
  letter-spacing: .10em;
}
.gt-example__v{
  font: 700 13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.86);
}
/* Example v (patch) */
.gt-example__v{
  font-size: var(--gt-f-p);
  line-height: 1.65;
}

.gt-note{
  margin: 0;
  font: 600 12.5px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.72);
}
/* Note (patch) */
.gt-note{
  font-size: var(--gt-f-small);
  line-height: 1.6;
}

.gt-p{
  margin: 0;
  font: 600 13px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.78);
}
/* Body text (patch) */
.gt-p{
  font-size: var(--gt-f-p);
  line-height: 1.65;
}

.gt-gold{ color: var(--gt-gold); font-weight: 800; }
.gt-win{ color: var(--gt-gold); font-weight: 900; letter-spacing: .02em; }
.gt-muted{ display:block; margin-top: 4px; color: rgba(255,255,255,.55); font-weight: 600; }

.gt-grid{
  display:grid;
  gap: 14px;
  margin-top: 14px;
}
@media (min-width: 900px){
  .gt-grid{ grid-template-columns: 1fr 1fr; }
}

.gt-foot{
  margin-top: 16px;
  padding-top: 12px;
  text-align:center;
  color: rgba(255,255,255,.58);
  font: 700 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  border-top: 1px solid rgba(255,255,255,.06);
}
/* Footer (patch) */
.gt-foot{ font-size: var(--gt-f-small); }

.gt-foot__ico{ margin-right: 6px; color: var(--gt-gold); }
.gt-foot__sep{ margin: 0 8px; color: rgba(255,255,255,.30); }

/* Mobile tightening (legacy base; final mobile override below will win) */
@media (max-width: 560px){
  .gt-item{ padding: 16px; }
  .gt-badge{ width: 38px; height: 38px; }
  .gt-h3{ font-size: 15px; }
  .gt-p, .gt-lead, .gt-steps{ font-size: 12.8px; }
}

/* Desktop breathing */
@media (min-width: 900px){
  .gt-surface{ padding: clamp(22px, 2.4vw, 34px); }
  .gt-item{ padding: 22px; }
  .gt-item--primary{ padding: 26px; }
}

/* Mobile: evita que se vea “apretado” (patch) */
@media (max-width: 560px){
  .gt-head{ margin-bottom: 14px; }
  .gt-item{ gap: 12px; }
  .gt-badge{ width: 40px; height: 40px; }
}

/* Opcional: aumenta contraste de lectura */
.gt-lead, .gt-p, .gt-steps { color: rgba(255,255,255,.84); }
.gt-note, .gt-foot { color: rgba(255,255,255,.64); }

/* ===================== GT: TYPO SCALE OVERRIDE (final winner) ===================== */
.gt-h3{ font-size: var(--gt-fs-h3) !important; line-height: 1.2 !important; }
.gt-lead{ font-size: var(--gt-fs-lead) !important; line-height: 1.55 !important; }
.gt-p,
.gt-steps,
.gt-example__v{
  font-size: var(--gt-fs-body) !important;
  line-height: 1.65 !important;
}
.gt-example__k{ font-size: clamp(12.5px, 0.25vw + 11.5px, 14px) !important; }
.gt-note{ font-size: var(--gt-fs-note) !important; line-height: 1.55 !important; }
.gt-foot{ font-size: clamp(12.5px, 0.25vw + 11.5px, 14.5px) !important; }

/* Mobile: NO achicar */
@media (max-width: 560px){
  .gt-item{ padding: 16px !important; }
  .gt-h3{ font-size: clamp(16.5px, 1.2vw + 14px, 19px) !important; }
  .gt-lead,
  .gt-p,
  .gt-steps{ font-size: clamp(15px, 1.1vw + 13.5px, 17px) !important; }
}

/* ===================== GT — MOBILE: sin franja izquierda ===================== */
@media (max-width: 560px){
  .gt-item{
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
      "badge title"
      "body  body" !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }

  .gt-badge{
    grid-area: badge !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 2px !important;
  }

  .gt-item .gt-h3{
    grid-area: title !important;
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
  }

  .gt-body{
    grid-area: body !important;
    min-width: 0 !important;
  }

  .gt-lead, .gt-steps, .gt-example, .gt-note, .gt-p{
    max-width: 100% !important;
  }

  .gt-item{ padding: 14px !important; }
  .gt-item--primary{ padding: 14px !important; }

  .gt-example{
    padding: 12px !important;
    border-radius: 14px !important;
    margin: 10px 0 !important;
  }
}


/* ==========================================================
   AYYS
========================================================== */
.ayys{
  --bg0:#05070c;
  --bg1:#070b13;

  --ink:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.66);

  --line:rgba(240,191,84,.18);
  --line2:rgba(255,255,255,.10);

  --glass:rgba(255,255,255,.05);
  --card:rgba(0,0,0,.32);

  --gold0:#f0bf54;
  --gold1:#d39a2d;
  --goldGlow:rgba(240,191,84,.22);

  padding: clamp(28px, 4vw, 64px) 0;
  background:
    radial-gradient(1200px 420px at 50% 0%, rgba(240,191,84,.10), transparent 55%),
    radial-gradient(900px 520px at 50% 70%, rgba(55,120,255,.09), transparent 60%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  color: var(--ink);
}

.ayys-surface{
  max-width: 1460px;
  margin: 0 auto;
  padding: clamp(18px, 2.2vw, 28px);
  border-radius: 26px;
  border: 1px solid var(--line);
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.06),
    rgba(0,0,0,.22) 60%,
    rgba(255,255,255,.04)
  );
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.25) inset;
}

/* --------------------- Head --------------------- */
.ayys-head{
  text-align:center;
  display:grid;
  gap: 10px;
  justify-items:center;
  margin-bottom: 18px;
}

.ayys-kicker{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.ayys-kicker__dot{
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: var(--gold0);
  box-shadow: 0 0 18px var(--goldGlow);
}
.ayys-kicker__txt{
  font: 900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.76);
}

.ayys-title{
  margin: 0;
  font: 950 clamp(24px, 2.8vw, 40px)/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.ayys-title__accent{
  color: var(--gold0);
  text-shadow: 0 0 26px var(--goldGlow);
}

.ayys-sub{
  margin: 0;
  font: 700 clamp(14px, 0.55vw + 12px, 18px)/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.74);
}
.ayys-muted{ color: rgba(255,255,255,.64); }
.ayys-gold{ color: var(--gold0); }

.ayys-top{ display:block; }

/* --------------------- Cards Grid (controlado) --------------------- */
.ayys-cards{
  display:grid;
  gap: 12px;
  align-items: stretch;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 979px){
  .ayys-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .ayys-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 360px){
  .ayys-cards{ grid-template-columns: 1fr; }
}

.ayys-card{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.26));
  padding: 14px 14px;
  box-shadow: 0 14px 36px rgba(0,0,0,.32);
  min-height: 92px;

  display:grid;
  grid-template-columns: 34px 1fr;
  column-gap: 12px;
  align-content:center;
}

.ayys-ico{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(240,191,84,.10);
  border: 1px solid rgba(240,191,84,.22);
  box-shadow: 0 0 22px rgba(240,191,84,.10);
}

.ayys-card__k{
  font: 900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.68);
  margin-top: 2px;
}
.ayys-card__v{
  font: 950 clamp(16px, 0.65vw + 14px, 22px)/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.92);
}
.ayys-card__s{
  font: 800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.60);
  margin-left: 6px;
}

@media (max-width: 560px){
  .ayys-card{
    padding: 12px;
    column-gap: 10px;
    min-height: auto;
  }
  .ayys-ico{ width: 32px; height: 32px; }
  .ayys-card__k{ font-size: 11px; letter-spacing: .10em; }
  .ayys-card__v{ font-size: 16px; }
}

/* --------------------- Callout --------------------- */
.ayys-callout{
  grid-column: 1 / -1;
  border-radius: 18px;
  border: 1px solid rgba(240,191,84,.16);
  background: radial-gradient(900px 260px at 40% 0%, rgba(240,191,84,.10), rgba(0,0,0,.25));
  padding: 14px 14px;
  box-shadow: 0 18px 46px rgba(0,0,0,.34);
}
.ayys-callout__title{
  font: 950 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
  margin-bottom: 6px;
}
.ayys-callout__p{
  margin: 0;
  font: 750 clamp(14px, 0.45vw + 12.5px, 16px)/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.78);
}

/* --------------------- Accordion --------------------- */
.ayys-acc{
  margin-top: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.25));
  overflow:hidden;
  box-shadow: 0 16px 46px rgba(0,0,0,.34);
}
.ayys-acc[open] .ayys-acc__chev{ transform: rotate(180deg); }

.ayys-acc__sum{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor:pointer;
  user-select:none;
}
.ayys-acc__sum::-webkit-details-marker{ display:none; }

.ayys-acc__left{ display:flex; align-items:center; gap: 10px; }

.ayys-acc__gear{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}
.ayys-acc__txt{
  font: 950 clamp(14px, 0.5vw + 13px, 18px)/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.92);
}
.ayys-acc__chev{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(240,191,84,.10);
  border: 1px solid rgba(240,191,84,.18);
  color: var(--gold0);
  transition: transform .18s ease;
}
.ayys-acc__body{
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(255,255,255,.06);
}

.ayys-cols{
  display:grid;
  gap: 12px;
}
@media (min-width: 980px){
  .ayys-cols{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.ayys-col{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
  padding: 12px 12px;
}

.ayys-h3{
  margin: 0 0 10px;
  font: 900 clamp(15px, 0.55vw + 13px, 18px)/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(255,255,255,.92);
}

.ayys-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 8px;
}
.ayys-list li{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.03);
}
.ayys-list__k{
  color: rgba(255,255,255,.66);
  font: 800 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.ayys-list__v{
  color: rgba(255,255,255,.90);
  font: 950 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.ayys-divider{
  height: 1px;
  background: rgba(255,255,255,.06);
  margin: 14px 0;
}

/* Chips */
.ayys-chips{ display:flex; flex-wrap:wrap; gap: 10px; }

.ayys-chip{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(240,191,84,.16);
  background: rgba(240,191,84,.08);
  color: rgba(255,255,255,.90);
  font: 850 clamp(13px, 0.35vw + 12px, 15px)/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Footer */
.ayys-foot{
  margin-top: 16px;
  padding-top: 12px;
  text-align:center;
  color: rgba(255,255,255,.58);
  font: 800 clamp(12px, 0.25vw + 11.5px, 14px)/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  border-top: 1px solid rgba(255,255,255,.06);
}
.ayys-foot__ico{ margin-right: 6px; color: var(--gold0); }
.ayys-foot__sep{ margin: 0 8px; color: rgba(255,255,255,.30); }


/* ==========================================================
   PKGM MODAL + AY LIGHTBOX + AY HERO + PAQUETES
   (Unificado en un solo <style>)
========================================================== */

/* ===================== PKGM TOKENS ===================== */


/* Lock sin “chirretes” */
html.pkgm-lock, body.pkgm-lock{ overflow:hidden !important; height:100% !important; }
body.pkgm-lock{ padding-right: var(--pkgm-sbw); }

.pkgm{
  position: fixed; inset: 0;
  z-index: 999999;
  display: none;
  -webkit-tap-highlight-color: transparent;
}
.pkgm.is-open{ display:block; }

.pkgm__backdrop{
  position:absolute; inset:0;
  background: var(--pkgm-bg);
  opacity: 0;
  transition: opacity .22s var(--pkgm-ease);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .pkgm__backdrop{
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

.pkgm__panel{
  position:absolute;
  left: 10px; right: 10px;
  bottom: 10px;
  max-height: calc(100dvh - 20px);
  border-radius: calc(var(--pkgm-radius) + 8px);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: var(--pkgm-shadow);
  overflow: hidden;

  background:
    radial-gradient(1200px 520px at 18% -18%, rgba(216,179,90,.14), transparent 60%),
    radial-gradient(900px 420px at 110% 0%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(820px 460px at 50% 120%, rgba(18,34,74,.48), transparent 60%),
    linear-gradient(180deg, var(--pkgm-navy1), var(--pkgm-navy2));

  transform: translateY(18px) scale(.988);
  opacity: 0;
  transition: transform .26s var(--pkgm-ease), opacity .22s var(--pkgm-ease);
  will-change: transform, opacity;
}

.pkgm.is-open .pkgm__backdrop{ opacity: 1; }
.pkgm.is-open .pkgm__panel{ transform: translateY(0) scale(1); opacity: 1; }

/* Borde oro cepillado */
.pkgm__panel::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  border-radius: inherit;
  padding: 1px;
  background:
    linear-gradient(135deg, rgba(216,179,90,.78), rgba(255,255,255,.16), rgba(216,179,90,.22)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0 1px, rgba(0,0,0,0) 1px 4px);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .70;
}

/* Micro-noise */
.pkgm__panel::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  border-radius: inherit;
  opacity: .16;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, rgba(0,0,0,0) 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 1px, rgba(0,0,0,0) 1px 4px),
    radial-gradient(1100px 520px at 50% 10%, rgba(216,179,90,.10), transparent 62%),
    radial-gradient(1200px 650px at 50% 120%, rgba(0,0,0,.34), transparent 62%);
  mix-blend-mode: overlay;
}

/* Close */
.pkgm__x{
  position:absolute; top: 10px; right: 10px;
  width: 44px; height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: var(--pkgm-ivory);
  font-size: 26px;
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index: 3;
  transition: transform .12s ease, background .12s ease;
}
.pkgm__x:active{ transform: scale(.98); }
.pkgm__x:hover{ background: rgba(255,255,255,.08); }

/* Header */
.pkgm__head{
  position: relative;
  padding: 18px 16px 12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.pkgm__head::after{
  content:"";
  position:absolute;
  left: 14px; right: 14px;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216,179,90,.35), transparent);
  opacity: .85;
}
.pkgm__brandline{ display:flex; align-items:center; gap:10px; margin-bottom: 10px; }
.pkgm__statusdot{
  width: 10px; height: 10px; border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 8px rgba(216,179,90,.10);
  animation: pkgmPulse 1.7s ease-in-out infinite;
}
@keyframes pkgmPulse{
  0%,100%{ transform: scale(1); opacity: .85; }
  50%{ transform: scale(1.08); opacity: 1; }
}
.pkgm__brand{
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
}
.pkgm__title{ margin:0; font-size: 20px; line-height: 1.12; color: var(--pkgm-ivory); }
.pkgm__title span{
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(216,179,90,.78);
}
.pkgm__sub{ margin: 8px 0 0; font-size: 13px; color: var(--pkgm-muted); }
.pkgm__trust{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 8px; }
.pkgm__chip{
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.84);
}

/* Scroll */
.pkgm__scroll{
  padding: 12px 12px 128px;
  overflow: auto;
  max-height: calc(100dvh - 220px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* Cards base */
.pkgm__card{
  position: relative;
  border-radius: var(--pkgm-radius);
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  padding: 14px;
  margin-bottom: 12px;
}

/* Featured */
.pkgm__card--featured{
  border-color: rgba(216,179,90,.28);
  background:
    radial-gradient(900px 300px at 0% 0%, rgba(216,179,90,.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}
.pkgm__tag{
  display:inline-flex; align-items:center;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid rgba(216,179,90,.30);
  background: rgba(216,179,90,.10);
  color: rgba(255,255,255,.92);
}
.pkgm__row{ margin-top: 12px; display:flex; align-items:center; justify-content: space-between; gap: 14px; }
.pkgm__qty{
  width: 84px;
  border-radius: 18px;
  padding: 10px 10px;
  text-align:center;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.pkgm__qtyNum{ font-size: 34px; font-weight: 900; line-height: 1; color: var(--pkgm-ivory); }
.pkgm__qtyLbl{ margin-top: 4px; font-size: 11px; letter-spacing: .12em; color: rgba(255,255,255,.70); }
.pkgm__priceBig{ font-size: 18px; font-weight: 900; color: var(--pkgm-ivory); text-align:right; }
.pkgm__priceSmall{ font-size: 12px; color: rgba(255,255,255,.74); text-align:right; margin-top: 4px; }

.pkgm__win{
  margin-top: 12px;
  border-radius: 18px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.pkgm__winT{ font-size: 12px; color: rgba(255,255,255,.84); }
.pkgm__winB{ margin-top: 4px; font-size: 14px; font-weight: 900; color: var(--pkgm-ivory); }
.pkgm__winS{ margin-top: 2px; font-size: 12px; color: rgba(255,255,255,.72); }
.pkgm__hint{ margin-top: 10px; font-size: 12px; color: rgba(255,255,255,.70); text-align:center; }

/* Buttons */
.pkgm__btn{
  margin-top: 12px;
  width: 100%;
  display:flex; align-items:center; justify-content:center;
  gap: 10px;
  padding: 14px 14px;
  border-radius: 18px;
  text-decoration:none;
  font-weight: 900;
  letter-spacing: .02em;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.95);
  position: relative;
  overflow: hidden;
  transition: transform .12s ease, filter .12s ease, background .12s ease;
  transform: translateZ(0);
}
.pkgm__btn:active{ transform: scale(.99); }
.pkgm__btn:focus-visible{ outline: 2px solid rgba(216,179,90,.40); outline-offset: 2px; }

/* shimmer */
.pkgm__btn::before{
  content:"";
  position:absolute;
  top:-60%; left:-50%;
  width: 55%;
  height: 220%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent);
  transform: rotate(18deg) translateX(-60%);
  opacity: 0;
  pointer-events:none;
}
.pkgm__btn.is-glint::before{
  opacity: 1;
  animation: pkgmGlint 1.05s var(--pkgm-ease) .10s 1;
}
@keyframes pkgmGlint{
  0%   { transform: rotate(18deg) translateX(-70%); opacity: 0; }
  12%  { opacity: .95; }
  100% { transform: rotate(18deg) translateX(260%); opacity: 0; }
}

.pkgm__btn--gold{
  border-color: rgba(216,179,90,.35);
  background: linear-gradient(180deg, rgba(216,179,90,.18), rgba(255,255,255,.06));
}
.pkgm__btn--dark{ background: rgba(255,255,255,.06); }
.pkgm__btn--amber{
  border-color: rgba(216,179,90,.22);
  background: rgba(216,179,90,.10);
}
.pkgm__btn--platinum{
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
}
.pkgm__btn--goldsoft{
  border-color: rgba(216,179,90,.22);
  background: rgba(216,179,90,.08);
}

/* Carousel */
.pkgm__carouselWrap{ position: relative; }

.pkgm__swipeHint{
  position:absolute;
  right: 6px;
  top: -2px;
  font-size: 12px;
  color: rgba(255,255,255,.60);
  letter-spacing: .02em;
  opacity: .85;
  transition: opacity .25s ease, transform .25s ease;
  transform: translateY(0);
  pointer-events:none;
}
.pkgm__swipeHint.is-off{
  opacity: 0;
  transform: translateY(-4px);
}

.pkgm__carousel{
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 10px;
  scroll-snap-type: x mandatory;
  scroll-padding: 12px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;

  mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%);
  scrollbar-width: none;
}
.pkgm__carousel::-webkit-scrollbar{ height: 0; }

.pkgm__card--slide{
  flex: 0 0 88%;
  scroll-snap-align: start;
}

/* Active slide glow */
.pkgm__card--slide.is-active{
  border-color: rgba(216,179,90,.28);
  box-shadow: 0 24px 70px rgba(0,0,0,.30), 0 18px 50px rgba(216,179,90,.08);
  transform: translateY(-1px);
}

.pkgm__badge{
  position:absolute;
  top: 12px; right: 12px;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,120,120,.30);
  background: rgba(255,120,120,.14);
  color: rgba(255,230,230,.95);
}
.pkgm__pill{
  position:absolute;
  top: 12px; left: 12px;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}
.pkgm__pill--value{
  border-color: rgba(216,179,90,.30);
  background: rgba(216,179,90,.10);
}

.pkgm__miniNum{ font-size: 30px; font-weight: 900; color: var(--pkgm-ivory); line-height: 1; }
.pkgm__miniLbl{ font-size: 11px; letter-spacing: .12em; color: rgba(255,255,255,.70); margin-top: 3px; }
.pkgm__miniPrice{ margin-top: 8px; font-size: 16px; font-weight: 900; color: var(--pkgm-ivory); }
.pkgm__miniPer{ margin-top: 4px; font-size: 12px; color: rgba(255,255,255,.70); }

.pkgm__dots{
  display:flex;
  justify-content:center;
  gap: 8px;
  padding: 6px 0 2px;
}
.pkgm__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, width .18s ease, border-color .18s ease;
}
.pkgm__dot.is-active{
  width: 18px;
  background: rgba(216,179,90,.26);
  border-color: rgba(216,179,90,.35);
  transform: translateY(-1px);
}

/* Sticky footer */
.pkgm__foot{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(6,9,18,0), rgba(6,9,18,.86) 26%, rgba(6,9,18,.96));
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
  z-index: 2;
}
.pkgm__quick{
  width: 100%;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.16);
  text-decoration:none;
  text-align:center;
  font-weight: 900;
  color: rgba(255,255,255,.95);
  background: rgba(255,255,255,.08);
  transition: transform .12s ease, background .12s ease, filter .22s ease;
  cursor: pointer;
}
.pkgm__quick:active{ transform: scale(.99); }
.pkgm__quick--prime{
  border-color: rgba(216,179,90,.28);
  background: linear-gradient(180deg, rgba(216,179,90,.14), rgba(255,255,255,.06));
}
.pkgm__quick--ghost{
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.84);
}

.pkgm.is-open .pkgm__quick--prime{
  animation: pkgmBreath 3.1s ease-in-out 1.2s infinite;
}
@keyframes pkgmBreath{
  0%,100%{ filter: drop-shadow(0 0 0 rgba(216,179,90,0)); }
  50%{ filter: drop-shadow(0 10px 24px rgba(216,179,90,.14)); }
}

/* Desktop */
@media (min-width: 880px){
  .pkgm__panel{
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    width: min(860px, 92vw);
    max-height: min(88vh, 920px);
    transform: translate(-50%, calc(-50% + 18px)) scale(.988);
  }
  .pkgm.is-open .pkgm__panel{ transform: translate(-50%, -50%) scale(1); }
  .pkgm__scroll{ max-height: calc(88vh - 250px); }

  .pkgm__carousel{
    overflow: visible;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    mask-image: none;
    -webkit-mask-image: none;
    padding-bottom: 0;
  }
  .pkgm__card--slide{ flex: initial; }
  .pkgm__dots{ display:none; }
  .pkgm__swipeHint{ display:none; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .pkgm__backdrop, .pkgm__panel{ transition: none !important; }
  .pkgm__statusdot, .pkgm__quick--prime{ animation: none !important; }
  .pkgm__dot{ transition: none !important; }
  .pkgm__card--slide.is-active{ transform: none; }
}

/* ===========================
   PKGM — FIX DEFINITIVO: NO OVERLAP
=========================== */
.pkgm__card--slide{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding: 14px;
}

.pkgm__cardHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  min-height: 28px;
  margin-bottom: 2px;
}

.pkgm__pill{
  position: static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .10em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  white-space: nowrap;
}

.pkgm__pill--value{
  border-color: rgba(216,179,90,.30);
  background: rgba(216,179,90,.10);
}

.pkgm__pill--ghost{ opacity: 0; }

.pkgm__badge{
  position: static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  border: 1px solid rgba(255,120,120,.30);
  background: rgba(255,120,120,.14);
  color: rgba(255,230,230,.95);
  white-space: nowrap;
}
.pkgm__badge--ghost{ opacity: 0; }

.pkgm__cardBody{
  display:grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items:end;
}

.pkgm__kpi{
  min-width: 86px;
  border-radius: 18px;
  padding: 10px 10px;
  text-align:left;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

.pkgm__kpiNum{
  font-size: clamp(30px, 5.2vw, 40px);
  font-weight: 950;
  line-height: 1;
  color: var(--pkgm-ivory);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

.pkgm__kpiLbl{
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: .14em;
  color: rgba(255,255,255,.70);
}

.pkgm__kpiPrice{
  text-align:left;
  padding-bottom: 2px;
}

.pkgm__kpiMoney{
  font-size: 18px;
  font-weight: 900;
  color: var(--pkgm-ivory);
  line-height: 1.15;
}

.pkgm__kpiPer{
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255,255,255,.70);
  line-height: 1.25;
}

.pkgm__card--slide .pkgm__btn{ margin-top: auto; }

@media (min-width: 880px){
  .pkgm__cardBody{ grid-template-columns: auto 1fr; }
}

/* Extras (tuyos) */
html.ay-is-scrolling .aypr-card:hover{ transform: none !important; filter: none !important; }

body{ overflow-x: clip; }
@supports not (overflow-x: clip){
  body{ overflow-x: hidden; }
}

html.ay-scroll-lock, body.ay-scroll-lock { overflow: hidden; }

/* ===================== AY LIGHTBOX (scoped) ===================== */
.ay-lightbox{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  opacity: 0;
  transition: opacity .18s ease;
}
.ay-lightbox.is-open{ display:block; opacity: 1; }

.ay-lightbox__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(8px);
}

.ay-lightbox__dialog{
  position: relative;
  width: min(980px, calc(100% - 24px));
  height: min(82vh, 720px);
  margin: 12px auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(240,191,84,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow: 0 30px 120px rgba(0,0,0,.75);
  overflow: hidden;
  display: grid;
  grid-template-columns: 56px 1fr 56px;
  align-items: center;
}

.ay-lightbox__figure{
  margin: 0;
  height: 100%;
  display:grid;
  place-items:center;
  padding: 10px;
}
.ay-lightbox__img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 70px rgba(0,0,0,.45);
  user-select: none;
  -webkit-user-drag: none;
}

.ay-lightbox__close{
  position:absolute;
  top: 10px;
  right: 12px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(10,10,10,.55);
  color: rgba(255,255,255,.92);
  font: 900 26px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.ay-lightbox__nav{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(10,10,10,.55);
  color: rgba(255,255,255,.92);
  font: 900 34px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  display:grid;
  place-items:center;
  cursor:pointer;
  margin: 0 auto;
}
.ay-lightbox__nav:active{ transform: translateY(1px); }

.ay-lightbox__hint{
  position:absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10,10,10,.35);
  color: rgba(233,238,247,.70);
  font: 700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
}

@media (max-width: 640px){
  .ay-lightbox__dialog{
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: min(86vh, 680px);
  }
  .ay-lightbox__nav{ display:none; }
}

/* ===================== AFTERYOU HERO (Scoped) ===================== */
.ay-hero{
  --bg0:#05070c;
  --bg1:#070b13;
  --ink:#e9eef7;
  --muted:rgba(233,238,247,.68);
  --line:rgba(255,255,255,.10);
  --glass:rgba(255,255,255,.06);
  --gold0:#f0bf54;
  --gold1:#d39a2d;
  --goldGlow:rgba(240,191,84,.20);
  --green0:#173b24;
  --green1:#112a1a;
  --greenInk:rgba(110,255,150,.92);

  padding: clamp(18px, 2.6vw, 34px) 0;
  color: var(--ink);
  background:
    radial-gradient(1100px 500px at 50% -8%, rgba(240,191,84,.18), transparent 60%),
    radial-gradient(900px 520px at 50% 22%, rgba(0,0,0,.55), rgba(10,16,28,.96) 58%, var(--bg0) 100%),
    linear-gradient(180deg, var(--bg1), var(--bg0));
}

/* Ticker */
.ay-hero .ay-ticker{
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border-radius: 999px;
  padding: 10px 14px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  overflow: hidden;
}
.ay-hero .ay-ticker .swiper{ overflow: hidden; }
.ay-hero .ay-ticker .swiper-wrapper{
  align-items:center;
  transition-timing-function: linear !important;
}
.ay-hero .ay-ticker .swiper-slide{ width:auto !important; }
.ay-hero .ay-ticker__item{
  display:inline-flex;
  align-items:center;
  gap: 12px;
  white-space: nowrap;
  line-height: 1;
  padding: 0 8px;
}
.ay-hero .ay-ticker__item img{
  width: 22px;
  height: auto;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 10px rgba(240,191,84,.10));
  opacity:.95;
}
.ay-hero .ay-ticker__text{
  font: 800 12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(233,238,247,.80);
}
.ay-hero .ay-ticker.is-paused{
  outline: 1px solid rgba(240,191,84,.25);
  box-shadow: 0 18px 70px rgba(0,0,0,.40), 0 0 0 1px rgba(0,0,0,.25) inset;
}
.ay-hero .ay-ticker.is-paused .ay-ticker__text{
  letter-spacing: .16em;
  word-spacing: .20em;
  color: rgba(233,238,247,.95);
}

/* Header */
.ay-hero .ay-head{
  padding: clamp(14px, 2vw, 20px) 0 clamp(10px, 1.6vw, 16px);
  text-align:center;
  display:grid;
  gap: 10px;
  justify-items:center;
}
.ay-hero .ay-title{
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 800;
  letter-spacing: -.02em;
}
.ay-hero .ay-title__accent{
  color: var(--gold0);
  text-shadow: 0 0 24px var(--goldGlow);
}
.ay-hero .ay-title__sub{
  margin: 0;
  font: 600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(233,238,247,.65);
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Pills */
.ay-hero .ay-pill{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(120,255,160,.28);
  background: linear-gradient(180deg, var(--green0), var(--green1));
  box-shadow:
    0 0 0 1px rgba(0,0,0,.22) inset,
    0 12px 36px rgba(0,0,0,.38),
    0 0 22px rgba(85,235,125,.12);
}
.ay-hero .ay-pill__ico{ color: rgba(110,255,150,.92); }
.ay-hero .ay-pill__txt{
  color: var(--greenInk);
  font: 900 16px/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.ay-hero .ay-pill__emoji{ transform: translateY(-1px); }
.ay-hero .ay-pill--pay{
  display:flex;
  width: fit-content;
  margin: 10px auto 0;
  border-color: rgba(120,255,160,.22);
}

/* Surface */
.ay-hero .ay-surface{
  margin-top: clamp(10px, 1.4vw, 16px);
  border-radius: 22px;
  box-shadow: 0 26px 90px rgba(0,0,0,.55);
}

/* Galería */
.ay-hero .ay-gallery{ row-gap: 20px; }

.ay-hero .page-gallery-box--mainthumb .photo-gallery--main figure{
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  margin: 0;
}
.ay-hero .page-gallery-box--mainthumb .photo-gallery--main img{
  display:block;
  width: 100%;
  height: clamp(220px, 42vw, 520px);
  object-fit: cover;
}

.ay-hero .page-gallery-box--mainthumb .photo-gallery--thumb{ width: 100%; }
.ay-hero .page-gallery-box--mainthumb .photo-gallery--thumb a{ display:block; width:100%; }
.ay-hero .page-gallery-box--mainthumb .photo-gallery--thumb figure{
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  margin: 0;
}
.ay-hero .page-gallery-box--mainthumb .photo-gallery--thumb img{
  display:block;
  width:100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.ay-hero .page-gallery-box--mainthumb .photo-gallery--thumb.is-active figure{
  outline: 2px solid rgba(240,191,84,.95);
  outline-offset: -2px;
}
@media (max-width: 575.98px){
  .ay-hero #pg-mainthumb > .col-6{
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ay-hero #pg-mainthumb > .col-6 .photo-gallery--thumb figure{
    border-radius: 12px;
  }
}

/* CTA */
.ay-hero .ay-cta{
  margin-top: 14px;
  display:flex;
  justify-content:center;
}
.ay-hero .ay-btn{
  width: min(920px, 100%);
  padding: 16px 18px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 14px;
  text-decoration:none;
  background: linear-gradient(180deg, var(--gold0), var(--gold1));
  color: #0a0a0a;
  font: 900 clamp(18px, 2.4vw, 34px)/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: -.02em;
  box-shadow: 0 18px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.18) inset;
  transition: transform .18s ease, filter .18s ease;
}
.ay-hero .ay-btn__dot{
  width: 38px; height: 38px;
  border-radius: 999px;
  display:grid; place-items:center;
  background: rgba(10,10,10,.70);
  color: rgba(255,255,255,.92);
  font-weight: 900;
}
.ay-hero .ay-btn:hover{ transform: translateY(-1px); filter: brightness(1.02); }
.ay-hero .ay-btn:active{ transform: translateY(0); }

/* Kicker */
.ay-hero .ay-kicker{
  margin: 14px 0 6px;
  text-align:center;
  color: var(--muted);
  font: 700 13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Countdown */
.ay-hero .ay-countdown{
  margin-top: 10px;
  padding: 0px;
  display:grid;
  justify-items:center;
  gap: 10px;
}
.ay-hero .ay-countdown__title{
  margin: 0;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font: 900 18px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(233,238,247,.92);
}
.ay-hero .ay-countdown__ico{ opacity:.9; }

.ay-hero .ay-countdown__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  width: min(620px, 100%);
}
.ay-hero .cd-card{
  border-radius: 20px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap: 6px;
  padding: 10px 6px;
  background: linear-gradient(180deg, var(--gold0), var(--gold1));
  box-shadow: 0 16px 46px rgba(0,0,0,.42), 0 0 0 1px rgba(0,0,0,.16) inset;
  min-height: 112px;
}
.ay-hero .cd-num{
  font: 900 54px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0a0a0a;
  letter-spacing:-.03em;
}
.ay-hero .cd-lbl{
  font: 900 16px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(10,10,10,.88);
  letter-spacing: .10em;
}
.ay-hero .ay-countdown__sub{
  margin: 0 0 4px;
  text-align:center;
  color: rgba(233,238,247,.60);
  font: 700 clamp(14px, 2vw, 20px)/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Lightbox (hero) */
.ay-hero .ay-lb{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}
.ay-hero .ay-lb[aria-hidden="false"]{ display:block; }
body.ay-lb-open{ overflow:hidden; }

.ay-hero .ay-lb__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(10px);
}
.ay-hero .ay-lb__dialog{
  position:absolute;
  left:50%; top:50%;
  transform: translate(-50%,-50%);
  width: min(980px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(240,191,84,.12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow: 0 30px 120px rgba(0,0,0,.70);
  display:grid;
  grid-template-columns: 54px 1fr 54px;
  align-items: center;
  padding: 16px;
  gap: 10px;
  outline: none;
}
.ay-hero .ay-lb__figure{
  margin:0;
  display:grid;
  gap: 10px;
  justify-items:center;
}
.ay-hero .ay-lb__img{
  width: 100%;
  height: min(72vh, 680px);
  object-fit: contain;
  border-radius: 18px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
}
.ay-hero .ay-lb__cap{
  color: rgba(233,238,247,.70);
  font: 700 13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  text-align:center;
}
.ay-hero .ay-lb__close{
  position:absolute;
  top: 12px; right: 12px;
  width: 44px; height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10,10,10,.55);
  color: rgba(255,255,255,.92);
  font-size: 28px;
  line-height: 1;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.ay-hero .ay-lb__nav{
  width: 46px; height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(240,191,84,.35);
  background: rgba(10,10,10,.50);
  color: rgba(255,255,255,.92);
  font-size: 34px;
  line-height: 1;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow: 0 12px 40px rgba(0,0,0,.45);
}
.ay-hero .ay-lb__nav:active{ transform: translateY(1px); }

@media (max-width: 576px){
  .ay-hero .ay-ticker{ border-radius: 16px; }
  .ay-hero .ay-ticker__text{ font-size: 11px; }
  .ay-hero .ay-pill__txt{ font-size: 14px; }
  .ay-hero .ay-btn__dot{ width: 34px; height: 34px; }

  .ay-hero .ay-countdown__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .ay-hero .cd-card{ min-height: 104px; }
  .ay-hero .cd-num{ font-size: 46px; }

  .ay-hero .ay-lb__dialog{
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "fig fig"
      "prev next";
    padding: 12px;
  }
  .ay-hero .ay-lb__figure{ grid-area: fig; }
  .ay-hero .ay-lb__prev{ grid-area: prev; justify-self: start; }
  .ay-hero .ay-lb__next{ grid-area: next; justify-self: end; }
  .ay-hero .ay-lb__img{ height: 58vh; }
}

@media (prefers-reduced-motion: reduce){
  .ay-hero .ay-ticker .swiper-wrapper{ transition: none !important; }
  .ay-hero .ay-btn{ transition: none; }
}

/* ===================== PAQUETES SECTION ===================== */
.pkg-section{
  --bg1:#05070b;
  --bg2:#0b1020;
  --text:#ffffff;
  --muted:rgba(255,255,255,.65);
  --gold:#f6c24a;
  --gold2:#f2a900;
  --card:#2c2f2a;
  --card2:#3a3d36;
  --stroke:rgba(255,255,255,.10);

  padding: 70px 0 90px;
  color: var(--text);
  background:
    radial-gradient(1200px 600px at 50% 10%, rgba(255,196,74,.14), transparent 55%),
    radial-gradient(900px 520px at 50% 80%, rgba(64,160,255,.10), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  position: relative;
  overflow: hidden;
}
.pkg-section:before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(500px 280px at 25% 50%, rgba(255,255,255,.07), transparent 60%),
    radial-gradient(520px 280px at 75% 50%, rgba(255,255,255,.05), transparent 60%);
  pointer-events:none;
  filter: blur(1px);
}

/* Header */
.pkg-head{
  text-align:center;
  position:relative;
  z-index:1;
  margin-bottom: 26px;
}
.pkg-title{
  margin:0;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.05;
}
.pkg-title span{
  color: var(--gold);
  text-shadow: 0 0 18px rgba(246,194,74,.25);
}
.pkg-sub{
  margin:10px 0 0;
  color: var(--muted);
  font-weight: 600;
  letter-spacing: .02em;
}

/* Featured */
.pkg-featured-wrap{
  display:flex;
  justify-content:center;
  margin: 22px 0 38px;
  position:relative;
  z-index:1;
}
.pkg-card{
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--stroke);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  position:relative;
  overflow:hidden;
}
.pkg-card--featured{
  width: min(360px, 92vw);
  background:
    radial-gradient(240px 180px at 50% 0%, rgba(246,194,74,.28), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  border: 1px solid rgba(246,194,74,.35);
  box-shadow:
    0 25px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(246,194,74,.15) inset,
    0 0 28px rgba(246,194,74,.15);
}

.pkg-top-pill{
  position:absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffcc33;
  color:#141414;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 16px;
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(0,0,0,.35);
}

.pkg-main{
  display:flex;
  justify-content:space-between;
  gap: 16px;
  padding: 64px 22px 14px;
  align-items:flex-end;
}
.pkg-qty-num{
  font-size: 70px;
  font-weight: 1000;
  line-height: .9;
}
.pkg-qty-label{
  font-size: 12px;
  letter-spacing: .18em;
  font-weight: 900;
  opacity: .9;
}
.pkg-price{ text-align:right; }
.pkg-price-big{
  font-size: 34px;
  font-weight: 1000;
  line-height: 1;
}
.pkg-price-small{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(246,194,74,.95);
  font-weight: 900;
}

.pkg-winbox{
  margin: 10px 18px 16px;
  padding: 16px 14px;
  border-radius: 12px;
  background: rgba(246,194,74,.12);
  border: 1px solid rgba(246,194,74,.25);
}
.pkg-winbox-title{
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(246,194,74,.95);
}
.pkg-winbox-big{
  margin-top: 6px;
  font-weight: 1000;
  font-size: 15px;
}
.pkg-winbox-small{
  margin-top: 4px;
  color: rgba(255,255,255,.75);
  font-weight: 700;
  font-size: 12px;
}

.pkg-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  width:100%;
  border:0;
  border-radius: 0 0 16px 16px;
  padding: 14px 14px;
  font-weight: 1000;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration:none;
  color:#111;
  user-select:none;
}
.pkg-btn--gold{
  background: linear-gradient(180deg, #ffcc33, #f2a900);
  box-shadow: 0 -1px 0 rgba(255,255,255,.22) inset;
}
.pkg-btn--gold:hover{ filter: brightness(1.06); }

/* Grid */
.pkg-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items:end;
  max-width: 980px;
  margin: 0 auto;
}
.pkg-card .pkg-mini{
  padding: 22px 18px 16px;
  text-align:center;
}
.pkg-mini-num{
  font-size: 54px;
  font-weight: 1000;
  line-height: .95;
}
.pkg-mini-label{
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: .18em;
  font-weight: 1000;
  opacity: .9;
}
.pkg-mini-price{
  margin-top: 10px;
  font-size: 22px;
  font-weight: 1000;
}
.pkg-mini-per{
  margin-top: 6px;
  font-size: 11px;
  color: rgba(246,194,74,.90);
  font-weight: 900;
}

.pkg-btn--dark{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  color: rgba(255,255,255,.92);
  border-top: 1px solid rgba(255,255,255,.08);
}
.pkg-btn--dark:hover{ background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04)); }

.pkg-card--accent{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
.pkg-btn--orange{
  background: linear-gradient(180deg, #ff8a00, #ff5a00);
  color:#120b02;
}
.pkg-btn--orange:hover{ filter: brightness(1.06); }

.pkg-card--popular{
  background:
    radial-gradient(260px 200px at 50% 0%, rgba(210,210,210,.20), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  border-color: rgba(210,210,210,.28);
  box-shadow: 0 20px 70px rgba(0,0,0,.55), 0 0 22px rgba(255,255,255,.07);
}
.pkg-btn--silver{
  background: linear-gradient(180deg, #d9dde2, #aeb5bf);
  color:#101316;
}
.pkg-btn--silver:hover{ filter: brightness(1.03); }

.pkg-card--accent2{
  background:
    radial-gradient(260px 200px at 50% 0%, rgba(246,194,74,.18), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
}
.pkg-btn--gold2{
  background: linear-gradient(180deg, #ffcc33, #f2a900);
  color:#14110a;
}
.pkg-btn--gold2:hover{ filter: brightness(1.06); }

/* Pills / badges */
.pkg-pill{
  position:absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .16em;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.80);
  color:#141414;
  box-shadow: 0 12px 26px rgba(0,0,0,.35);
}
.pkg-pill--popular{ background: #e9edf2; }
.pkg-pill--value{ background: #e9edf2; }

.pkg-badge{
  position:absolute;
  top: 8px;
  right: 10px;
  font-weight: 1000;
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 4px;
  letter-spacing: .06em;
  color:#fff;
}
.pkg-badge--red{ background:#e53935; }

.pkg-grid .pkg-card{
  min-height: 230px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

@media (max-width: 991px){
  .pkg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pkg-grid .pkg-card{ min-height: 220px; }
}

/* =========================
   PAQUETES — PATCH FINAL
========================= */
#paquetes.pkg-section{
  padding: 60px 0 85px;
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(246,194,74,.16), transparent 62%),
    radial-gradient(900px 600px at 50% 100%, rgba(60,140,255,.10), transparent 60%),
    linear-gradient(180deg, #05070b, #070b16 45%, #070b16);
  overflow: hidden;
}

/* Título teal + dorado */
#paquetes .pkg-title{
  color: #2f5f6f;
  text-shadow: 0 10px 40px rgba(0,0,0,.45);
}
#paquetes .pkg-title span{
  color: #f6c24a;
  text-shadow: 0 0 18px rgba(246,194,74,.25);
}
#paquetes .pkg-sub{
  color: rgba(255,255,255,.70);
  font-weight: 700;
}

#paquetes .pkg-featured-wrap{ margin: 18px 0 26px; }

#paquetes .pkg-grid{
  max-width: 1300px;
  gap: 22px;
  margin-top: 16px;
}
#paquetes .pkg-grid .pkg-card{
  min-height: 295px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03) 55%, rgba(0,0,0,.20));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
  overflow: hidden;
}

#paquetes .pkg-card--featured{
  border-radius: 18px;
  box-shadow:
    0 30px 90px rgba(0,0,0,.62),
    0 0 0 1px rgba(246,194,74,.18) inset,
    0 0 28px rgba(246,194,74,.14);
}
#paquetes .pkg-btn--gold{ border-radius: 0 0 18px 18px; }

#paquetes .pkg-mini{
  padding: 36px 22px 18px;
  text-align: center;
}
#paquetes .pkg-mini-num{
  color: #fff;
  font-size: 68px;
  line-height: .9;
  font-weight: 1000;
}
#paquetes .pkg-mini-label{ opacity: .95; }
#paquetes .pkg-mini-price{
  font-size: 24px;
  font-weight: 1000;
}
#paquetes .pkg-mini-per{
  color: rgba(246,194,74,.95);
  font-weight: 900;
}

/* FIX: pastilla no tapa número */
#paquetes .pkg-pill{
  top: 12px;
  z-index: 5;
  pointer-events: none;
}
#paquetes .pkg-badge{
  top: 10px;
  right: 12px;
  z-index: 6;
}
#paquetes .pkg-card--popular .pkg-mini,
#paquetes .pkg-card--accent2 .pkg-mini{
  padding-top: 58px;
}

/* Botones iguales en alto */
#paquetes .pkg-btn{
  height: 56px;
  border-radius: 0 0 18px 18px;
  font-size: 12px;
  letter-spacing: .18em;
}

/* Colores barras */
#paquetes .pkg-btn--dark{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  color: rgba(255,255,255,.92);
}
#paquetes .pkg-btn--orange{
  background: linear-gradient(180deg, #ff8a00, #ff5a00);
  color: #120b02;
}
#paquetes .pkg-btn--silver{
  background: linear-gradient(180deg, #e0e5ec, #b8c0cb);
  color: #101316;
}
#paquetes .pkg-btn--gold2{
  background: linear-gradient(180deg, #ffcc33, #f2a900);
  color: #14110a;
}

/* Quita dots del theme/sliders */
#paquetes .swiper-pagination,
#paquetes .slick-dots,
#paquetes .owl-dots{
  display: none !important;
}

@media (max-width: 991px){
  #paquetes .pkg-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  #paquetes .pkg-grid .pkg-card{ min-height: 270px; }
}
@media (max-width: 420px){
  #paquetes .pkg-mini-num{ font-size: 60px; }
}