body.tp-guias-public-v1 .entry-header,
body.tp-guias-public-v1 .page-header,
body.tp-guias-public-v1 .featured-image,
body.tp-guias-public-v1 .post-image,
body.tp-guias-public-v1 .page-header-image,
body.tp-guias-public-v1 #right-sidebar,
body.tp-guias-public-v1 #left-sidebar,
body.tp-guias-public-v1 #secondary,
body.tp-guias-public-v1 .widget-area{
  display:none !important;
}

body.tp-guias-public-v1 .site-content,
body.tp-guias-public-v1 .content-area,
body.tp-guias-public-v1 #primary,
body.tp-guias-public-v1 #main,
body.tp-guias-public-v1 .inside-article,
body.tp-guias-public-v1 .entry-content{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.tp-guias-public-v1 .site-header .inside-header{
  width:min(1180px,calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin-right:auto !important;
  margin-left:auto !important;
}

.tp-guias-page{
  --tp-blue:#17324d;
  --tp-blue-2:#234f79;
  --tp-blue-3:#326b9c;
  --tp-ink:#172338;
  --tp-muted:#5d6879;
  --tp-warm:#f8f3eb;
  --tp-soft:#edf5fb;
  --tp-line:rgba(23,35,56,.12);
  --tp-gold:#e0ad55;
  --tp-shadow:0 22px 58px rgba(23,35,56,.11);
  overflow:hidden;
  background:#fff;
  color:var(--tp-ink);
}

.tp-guias-page *,
.tp-guias-page *::before,
.tp-guias-page *::after{
  box-sizing:border-box;
}

.tp-guias-page a{
  text-decoration:none;
}

.tp-guias-shell{
  width:min(1180px,calc(100% - 48px));
  margin-right:auto;
  margin-left:auto;
}

.tp-guias-hero{
  position:relative;
  padding:72px 0 68px;
  overflow:hidden;
  background:
    radial-gradient(
      circle at 86% 12%,
      rgba(224,173,85,.30),
      transparent 29%
    ),
    linear-gradient(
      132deg,
      #102940 0%,
      #1d466d 64%,
      #315f85 100%
    );
  color:#fff;
}

.tp-guias-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.04) 1px,
      transparent 1px
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );
  background-size:54px 54px;
  mask-image:linear-gradient(
    180deg,
    rgba(0,0,0,.42),
    transparent 88%
  );
}

.tp-guias-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.78fr);
  gap:62px;
  align-items:center;
}

.tp-guias-kicker,
.tp-guias-eyebrow{
  margin:0 0 14px;
  color:var(--tp-blue-3);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.tp-guias-kicker{
  color:#f2cd89;
}

.tp-guias-hero h1{
  max-width:710px;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(2.75rem,5vw,4.9rem);
  font-weight:750;
  line-height:.98;
  letter-spacing:-.055em;
}

.tp-guias-hero-lead{
  max-width:690px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:1.12rem;
  line-height:1.72;
}

.tp-guias-actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:29px;
}

.tp-guias-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 20px;
  border-radius:999px;
  font-size:.96rem;
  font-weight:800;
  line-height:1.2;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.tp-guias-btn:hover{
  transform:translateY(-2px);
}

.tp-guias-btn-primary{
  background:#fff;
  color:var(--tp-blue);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
}

.tp-guias-btn-secondary{
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);
  color:#fff;
}

.tp-guias-btn-dark{
  background:var(--tp-blue);
  color:#fff;
  box-shadow:0 14px 30px rgba(23,50,77,.18);
}

.tp-guias-trust{
  margin:22px 0 0;
  color:rgba(255,255,255,.67);
  font-size:.88rem;
  line-height:1.55;
}

.tp-guias-hero-visual{
  position:relative;
  padding:14px 0 35px;
}

.tp-guias-photo{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:32px;
  box-shadow:0 28px 65px rgba(0,0,0,.30);
  transform:rotate(1.2deg);
}

.tp-guias-photo img{
  display:block;
  width:100%;
  aspect-ratio:1.12 / 1;
  object-fit:cover;
  object-position:center;
}

.tp-guias-hero-note{
  position:absolute;
  right:-20px;
  bottom:0;
  width:min(340px,86%);
  padding:18px 20px;
  border:1px solid rgba(23,35,56,.09);
  border-radius:21px;
  background:rgba(255,252,247,.97);
  color:var(--tp-ink);
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}

.tp-guias-hero-note strong,
.tp-guias-hero-note span{
  display:block;
}

.tp-guias-hero-note strong{
  margin-bottom:5px;
  font-size:.98rem;
}

.tp-guias-hero-note span{
  color:var(--tp-muted);
  font-size:.88rem;
  line-height:1.45;
}

.tp-guias-section{
  padding:78px 0;
}

.tp-guias-heading{
  max-width:790px;
  margin-bottom:34px;
}

.tp-guias-heading h2,
.tp-guias-featured h2,
.tp-guias-reluctant h2,
.tp-guias-author h2,
.tp-guias-final h2{
  margin:0 0 16px;
  color:var(--tp-ink);
  font-size:clamp(2.05rem,4vw,3.45rem);
  font-weight:750;
  line-height:1.04;
  letter-spacing:-.047em;
}

.tp-guias-heading > p:last-child,
.tp-guias-featured-copy > p,
.tp-guias-reluctant-grid > div:first-child > p,
.tp-guias-author p,
.tp-guias-final p{
  color:var(--tp-muted);
  font-size:1.04rem;
  line-height:1.72;
}

.tp-guias-start{
  padding-top:68px;
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
}

.tp-guias-path-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.tp-guias-path{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:260px;
  padding:25px;
  overflow:hidden;
  border:1px solid var(--tp-line);
  border-radius:25px;
  background:#fff;
  color:var(--tp-ink);
  box-shadow:0 16px 40px rgba(23,35,56,.07);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.tp-guias-path:hover{
  transform:translateY(-4px);
  border-color:rgba(35,79,121,.28);
  box-shadow:0 23px 55px rgba(23,35,56,.12);
}

.tp-guias-path-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:45px;
  height:45px;
  margin-bottom:21px;
  border-radius:15px;
  background:var(--tp-soft);
  color:var(--tp-blue-2);
  font-size:.79rem;
  font-weight:900;
  letter-spacing:.05em;
}

.tp-guias-path h3{
  margin:0 0 10px;
  font-size:1.25rem;
  font-weight:750;
  line-height:1.16;
  letter-spacing:-.025em;
}

.tp-guias-path p{
  margin:0 0 22px;
  color:var(--tp-muted);
  font-size:.94rem;
  line-height:1.57;
}

.tp-guias-path strong{
  margin-top:auto;
  color:var(--tp-blue-2);
  font-size:.91rem;
}

.tp-guias-path b{
  display:inline-block;
  transition:transform .18s ease;
}

.tp-guias-path:hover b{
  transform:translateX(4px);
}

.tp-guias-featured{
  padding:78px 0;
  background:var(--tp-warm);
}

.tp-guias-featured-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);
  gap:65px;
  align-items:center;
}

.tp-guias-featured-copy{
  max-width:690px;
}

.tp-guias-featured-copy .tp-guias-btn{
  margin-top:11px;
}

.tp-guias-guide-card{
  position:relative;
  padding:34px;
  overflow:hidden;
  border-radius:30px;
  background:
    radial-gradient(
      circle at 95% 5%,
      rgba(224,173,85,.32),
      transparent 26%
    ),
    linear-gradient(140deg,#183552,#285b87);
  color:#fff;
  box-shadow:var(--tp-shadow);
}

.tp-guias-guide-card > span{
  display:inline-flex;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#f4d79d;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.tp-guias-guide-card h3{
  margin:19px 0;
  color:#fff;
  font-size:1.75rem;
  font-weight:750;
  line-height:1.08;
  letter-spacing:-.035em;
}

.tp-guias-guide-card ul{
  margin:0;
  padding:0;
  list-style:none;
}

.tp-guias-guide-card li{
  position:relative;
  margin:0 0 12px;
  padding-left:23px;
  color:rgba(255,255,255,.86);
  font-size:.94rem;
  line-height:1.45;
}

.tp-guias-guide-card li::before{
  content:"✓";
  position:absolute;
  top:0;
  left:0;
  color:#f1cd83;
  font-weight:900;
}

.tp-guias-guide-card > p{
  margin:24px 0 0;
  color:rgba(255,255,255,.60);
  font-size:.8rem;
}

.tp-guias-age{
  background:#fff;
}

.tp-guias-age-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}

.tp-guias-age-grid a{
  display:flex;
  flex-direction:column;
  min-height:155px;
  padding:21px;
  border:1px solid var(--tp-line);
  border-radius:21px;
  background:#fff;
  color:var(--tp-ink);
  box-shadow:0 11px 30px rgba(23,35,56,.055);
  transition:transform .18s ease;
}

.tp-guias-age-grid a:hover{
  transform:translateY(-3px);
}

.tp-guias-age-grid span{
  margin-bottom:17px;
  color:var(--tp-blue-3);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tp-guias-age-grid strong{
  font-size:1rem;
  line-height:1.35;
}

.tp-guias-moment{
  margin-top:22px;
  padding:31px;
  border-radius:27px;
  background:var(--tp-soft);
}

.tp-guias-moment h3{
  margin:0 0 21px;
  font-size:1.45rem;
  font-weight:750;
  letter-spacing:-.025em;
}

.tp-guias-link-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 30px;
}

.tp-guias-link-columns > div{
  display:grid;
  gap:9px;
}

.tp-guias-link-columns a{
  position:relative;
  padding:11px 15px 11px 34px;
  border-radius:13px;
  color:var(--tp-ink);
  font-size:.94rem;
  line-height:1.4;
}

.tp-guias-link-columns a::before{
  content:"→";
  position:absolute;
  left:13px;
  color:var(--tp-blue-3);
  font-weight:900;
}

.tp-guias-link-columns a:hover{
  background:rgba(255,255,255,.72);
}

.tp-guias-text-link{
  display:inline-flex;
  margin-top:23px;
  color:var(--tp-blue-2);
  font-weight:850;
}

.tp-guias-genres{
  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(224,173,85,.20),
      transparent 24%
    ),
    linear-gradient(135deg,#122d48,#214f78);
  color:#fff;
}

.tp-guias-heading-light h2{
  color:#fff;
}

.tp-guias-heading-light > p:last-child{
  color:rgba(255,255,255,.73);
}

.tp-guias-heading-light .tp-guias-eyebrow{
  color:#f0cc87;
}

.tp-guias-genre-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}

.tp-guias-genre-grid a{
  min-height:245px;
  padding:23px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:23px;
  background:rgba(255,255,255,.075);
  color:#fff;
  transition:
    transform .18s ease,
    background .18s ease;
}

.tp-guias-genre-grid a:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.12);
}

.tp-guias-genre-grid span{
  color:#f0cc87;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.tp-guias-genre-grid h3{
  margin:19px 0 12px;
  color:#fff;
  font-size:1.15rem;
  font-weight:750;
  line-height:1.18;
}

.tp-guias-genre-grid p{
  margin:0;
  color:rgba(255,255,255,.70);
  font-size:.91rem;
  line-height:1.55;
}

.tp-guias-light-link{
  display:inline-flex;
  margin-top:28px;
  color:#fff;
  font-weight:850;
}

.tp-guias-reluctant{
  background:#fff;
}

.tp-guias-reluctant-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(440px,1fr);
  gap:65px;
  align-items:start;
}

.tp-guias-reluctant-links{
  display:grid;
  gap:13px;
}

.tp-guias-reluctant-links a{
  display:grid;
  gap:4px;
  padding:21px 23px;
  border:1px solid var(--tp-line);
  border-radius:20px;
  background:#fff;
  color:var(--tp-ink);
  box-shadow:0 12px 30px rgba(23,35,56,.055);
  transition:transform .18s ease;
}

.tp-guias-reluctant-links a:hover{
  transform:translateX(4px);
}

.tp-guias-reluctant-links strong{
  font-size:1rem;
}

.tp-guias-reluctant-links span{
  color:var(--tp-muted);
  font-size:.9rem;
  line-height:1.45;
}

.tp-guias-difficulties{
  background:#f6f9fb;
}

.tp-guias-difficulty-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.tp-guias-difficulty-grid article{
  padding:27px;
  border:1px solid var(--tp-line);
  border-radius:25px;
  background:#fff;
  box-shadow:0 14px 36px rgba(23,35,56,.06);
}

.tp-guias-difficulty-grid article > span{
  color:var(--tp-blue-3);
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.tp-guias-difficulty-grid h3{
  margin:12px 0 18px;
  font-size:1.28rem;
  font-weight:750;
  letter-spacing:-.025em;
}

.tp-guias-difficulty-grid a{
  display:block;
  padding:12px 0;
  border-top:1px solid var(--tp-line);
  color:var(--tp-ink);
  font-size:.92rem;
  line-height:1.4;
}

.tp-guias-difficulty-grid a:hover{
  color:var(--tp-blue-3);
}

.tp-guias-specific{
  margin-top:22px;
  padding:25px 27px;
  border:1px solid var(--tp-line);
  border-radius:24px;
  background:#fff;
}

.tp-guias-specific h3{
  margin:0 0 17px;
  font-size:1.15rem;
}

.tp-guias-specific > div{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.tp-guias-specific a{
  display:inline-flex;
  padding:9px 14px;
  border-radius:999px;
  background:var(--tp-soft);
  color:var(--tp-blue-2);
  font-size:.87rem;
  font-weight:750;
}

.tp-guias-resources{
  background:var(--tp-warm);
}

.tp-guias-resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.tp-guias-resource-grid > a{
  display:flex;
  flex-direction:column;
  min-height:305px;
  padding:28px;
  border:1px solid rgba(23,35,56,.10);
  border-radius:26px;
  background:#fff;
  color:var(--tp-ink);
  box-shadow:0 15px 38px rgba(23,35,56,.07);
  transition:transform .18s ease;
}

.tp-guias-resource-grid > a:hover{
  transform:translateY(-4px);
}

.tp-guias-resource-grid span{
  color:var(--tp-blue-3);
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.tp-guias-resource-grid h3{
  margin:17px 0 12px;
  font-size:1.35rem;
  font-weight:750;
  line-height:1.16;
  letter-spacing:-.028em;
}

.tp-guias-resource-grid p{
  margin:0 0 23px;
  color:var(--tp-muted);
  font-size:.94rem;
  line-height:1.6;
}

.tp-guias-resource-grid strong{
  margin-top:auto;
  color:var(--tp-blue-2);
  font-size:.91rem;
}

.tp-guias-all-resources{
  display:inline-flex;
  margin-top:26px;
  color:var(--tp-blue-2);
  font-weight:850;
}

.tp-guias-author{
  padding:72px 0;
  background:#fff;
}

.tp-guias-author-grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1fr);
  gap:70px;
  align-items:start;
}

.tp-guias-author p{
  margin-top:0;
}

.tp-guias-author a{
  color:var(--tp-blue-2);
  font-weight:850;
}

.tp-guias-final{
  padding:75px 0 82px;
  background:
    radial-gradient(
      circle at 83% 13%,
      rgba(224,173,85,.27),
      transparent 28%
    ),
    linear-gradient(135deg,#102940,#214e77);
  color:#fff;
  text-align:center;
}

.tp-guias-final .tp-guias-eyebrow{
  color:#efca83;
}

.tp-guias-final h2{
  max-width:800px;
  margin-right:auto;
  margin-left:auto;
  color:#fff;
}

.tp-guias-final p{
  max-width:720px;
  margin:0 auto 27px;
  color:rgba(255,255,255,.76);
}

@media(max-width:1080px){

  .tp-guias-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
    gap:38px;
  }

  .tp-guias-path-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .tp-guias-age-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .tp-guias-genre-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:820px){

  .tp-guias-shell,
  body.tp-guias-public-v1 .site-header .inside-header{
    width:calc(100% - 36px) !important;
  }

  .tp-guias-hero{
    padding:55px 0 57px;
  }

  .tp-guias-hero-grid,
  .tp-guias-featured-grid,
  .tp-guias-reluctant-grid,
  .tp-guias-author-grid{
    grid-template-columns:1fr;
  }

  .tp-guias-hero-grid{
    gap:37px;
  }

  .tp-guias-hero-visual{
    max-width:590px;
    margin:0 auto;
  }

  .tp-guias-featured-grid,
  .tp-guias-reluctant-grid,
  .tp-guias-author-grid{
    gap:36px;
  }

  .tp-guias-section,
  .tp-guias-featured{
    padding:60px 0;
  }

  .tp-guias-difficulty-grid,
  .tp-guias-resource-grid{
    grid-template-columns:1fr;
  }

  .tp-guias-resource-grid > a{
    min-height:0;
  }
}

@media(max-width:620px){

  .tp-guias-shell{
    width:calc(100% - 28px);
  }

  .tp-guias-hero h1{
    font-size:clamp(2.35rem,12vw,3.25rem);
  }

  .tp-guias-hero-lead{
    font-size:1rem;
  }

  .tp-guias-actions{
    flex-direction:column;
  }

  .tp-guias-btn{
    width:100%;
  }

  .tp-guias-photo{
    border-radius:24px;
  }

  .tp-guias-hero-note{
    position:relative;
    right:auto;
    bottom:auto;
    width:calc(100% - 24px);
    margin:-24px 12px 0;
  }

  .tp-guias-path-grid,
  .tp-guias-age-grid,
  .tp-guias-genre-grid,
  .tp-guias-link-columns{
    grid-template-columns:1fr;
  }

  .tp-guias-path{
    min-height:0;
  }

  .tp-guias-guide-card,
  .tp-guias-moment,
  .tp-guias-specific{
    padding:23px;
  }

  .tp-guias-genre-grid a{
    min-height:0;
  }
}

/* TP GUIAS FULL WIDTH START
 *
 * El lienzo de la página ocupa todo el ancho.
 * Los contenidos siguen limitados por .tp-guias-shell.
 */

body.tp-guias-public-v1{
  background:#fff !important;
}

body.tp-guias-public-v1 #page.site,
body.tp-guias-public-v1 #page.grid-container,
body.tp-guias-public-v1 #page.container{
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
  padding-right:0 !important;
  padding-left:0 !important;
}

body.tp-guias-public-v1 #content.site-content,
body.tp-guias-public-v1 .site-content.grid-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.tp-guias-public-v1 main#main,
body.tp-guias-public-v1 .inside-article,
body.tp-guias-public-v1 .entry-content,
body.tp-guias-public-v1 .tp-guias-page{
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
}

body.tp-guias-public-v1 .tp-guias-hero,
body.tp-guias-public-v1 .tp-guias-featured,
body.tp-guias-public-v1 .tp-guias-genres,
body.tp-guias-public-v1 .tp-guias-reluctant,
body.tp-guias-public-v1 .tp-guias-difficulties,
body.tp-guias-public-v1 .tp-guias-resources,
body.tp-guias-public-v1 .tp-guias-author,
body.tp-guias-public-v1 .tp-guias-final,
body.tp-guias-public-v1 .tp-guias-section{
  width:100% !important;
  max-width:none !important;
}

/* TP GUIAS FULL WIDTH END */

/* TP GUIAS MOBILE FINAL START
 *
 * Compactación de las tarjetas por edad en móvil.
 * Elimina la altura mínima heredada de escritorio.
 */

@media(max-width:620px){

  .tp-guias-age-grid a{
    min-height:0 !important;
    padding:20px 21px !important;
  }

  .tp-guias-age-grid span{
    margin-bottom:10px !important;
  }

  .tp-guias-age-grid strong{
    line-height:1.32 !important;
  }
}

/* TP GUIAS MOBILE FINAL END */
