.clusterhijos {
margin-top: 20px;
margin-bottom: 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
align-content: center;
gap: 10px;
}
.clusterhijos .child {
padding: 20px;
border: 1px solid black;
border-radius: 10px;
flex: 1 0 25%;
}
.child img {
max-width: 100px;
border-radius: 10px;
margin-right: 10px;
float: left;
}
.child .descripcion {
display: block;
float: left;
margin-top: 5px;
clear: both;
text-align: center;
width: 100%;
}
@media screen and (max-width: 782px) {
.clusterhijos {
flex-direction: column;
}
} .nc-boton-ficha {
--nc-btn-bg: #ff7a00;
--nc-btn-color: #ffffff;
--nc-btn-padding: 12px 24px;
width: 100%;
text-align: center;
border-radius: 6px;
background-color: var(--nc-btn-bg);
color: var(--nc-btn-color);
padding: var(--nc-btn-padding);
text-decoration: none;
display: inline-block;
font-weight: 600;
} .nc-cluster-abc {
--nc-letter-bg: #734864;
--nc-letter-active: #9a5b7d;
--nc-letter-color: #ffffff;
--nc-list-bg: #f1f8f8;
}
.nc-cluster-abc .nc-letter-nav {
text-align: center;
margin-bottom: 16px;
}
.nc-cluster-abc .nc-letter-toggle {
background: var(--nc-letter-bg);
color: var(--nc-letter-color);
font-weight: 700;
border: 0;
padding: 8px 14px;
border-radius: 4px;
margin: 4px;
cursor: pointer;
transition: background .2s;
}
.nc-cluster-abc .nc-letter-toggle.is-active {
background: var(--nc-letter-active);
}
.nc-cluster-abc .nc-letter-content {
width: 100%;
}
.nc-cluster-abc .nc-letter-list {
display: none;
padding: 20px;
background: var(--nc-list-bg);
flex-wrap: wrap;
gap: 18px;
justify-content: flex-start;
}
.nc-cluster-abc .nc-letter-list.is-open {
display: flex;
}
.nc-cluster-abc .nc-child {
flex: 1 1 240px;
min-width: 200px;
}
.nc-cluster-abc .nc-child img {
display: block;
margin: 0 auto 6px;
border-radius: 4px;
}
.nc-cluster-abc .nc-child a {
font-weight: 600;
color: #0066c0;
text-align: center;
display: block;
margin-bottom: 4px;
}
.nc-cluster-abc .nc-desc {
font-size: 0.9em;
color: #555;
text-align: center;
display: block;
}
.nc-osm-map {
width: 100%;
}
.nc-fichas-destacadas {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 1.25rem;
margin: 1.75rem 0 2.5rem;
}
.nc-ficha-destacada {
border-radius: 14px;
overflow: hidden;
background: #1d2327;
box-shadow: 0 10px 28px rgba(16, 21, 24, 0.12);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.nc-ficha-destacada:hover,
.nc-ficha-destacada:focus-within {
transform: translateY(-5px);
box-shadow: 0 18px 36px rgba(16, 21, 24, 0.2);
}
.nc-ficha-destacada__link {
display: block;
text-decoration: none;
color: #fff;
}
.nc-ficha-destacada__media {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: linear-gradient(145deg, #2c3338 0%, #1d2327 100%);
}
.nc-ficha-destacada__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.04);
transition: transform 0.45s ease;
}
.nc-ficha-destacada:hover .nc-ficha-destacada__img,
.nc-ficha-destacada:focus-within .nc-ficha-destacada__img {
transform: scale(1.12);
}
.nc-ficha-destacada__placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 3.4rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.35);
letter-spacing: 0.04em;
}
.nc-ficha-destacada__overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1.15rem 1.15rem 1.2rem;
background: linear-gradient(to top, rgba(10, 12, 14, 0.88) 0%, rgba(10, 12, 14, 0.28) 48%, rgba(10, 12, 14, 0.05) 100%);
}
.nc-ficha-destacada__place {
margin: 0 0 0.3rem;
font-size: 0.8rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #f0c14b;
}
.nc-ficha-destacada__title {
margin: 0 0 0.45rem;
font-size: 1.15rem;
font-weight: 700;
line-height: 1.3;
color: #fff;
text-align: left;
}
.nc-ficha-destacada__rating {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.4rem;
margin: 0 0 0.7rem;
color: #fff;
font-size: 0.9rem;
text-align: left;
}
.nc-ficha-destacada__stars {
color: #f0c14b;
letter-spacing: 0.06em;
}
.nc-ficha-destacada__cta {
align-self: flex-start;
padding: 0.35rem 0.75rem;
border-radius: 999px;
background: #ff7a00;
color: #fff;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.02em;
}
.nc-faq {
margin: 2rem 0 2.75rem;
border: 1px solid #e2e4e7;
border-radius: 10px;
background: #fff;
overflow: hidden;
}
.nc-faq-item {
border-bottom: 1px solid #e2e4e7;
}
.nc-faq-item:last-child {
border-bottom: none;
}
.nc-faq-q {
position: relative;
margin: 0;
padding: 1.2rem 3.25rem 1.2rem 1.25rem;
cursor: pointer;
font-size: 1.05rem;
font-weight: 700;
line-height: 1.45;
color: #111;
}
.nc-faq-q:hover,
.nc-faq-q:focus {
background: #f6f7f7;
outline: none;
}
.nc-faq-q::after {
content: "";
position: absolute;
top: 50%;
right: 1.35rem;
width: 0.55rem;
height: 0.55rem;
border-right: 2px solid #1d2327;
border-bottom: 2px solid #1d2327;
transform: translateY(-70%) rotate(45deg);
transition: transform 0.2s ease;
}
.nc-faq-item.is-open .nc-faq-q::after {
transform: translateY(-20%) rotate(225deg);
}
.nc-faq-a {
padding: 0.15rem 1.25rem 1.4rem;
color: #3c434a;
font-size: 1rem;
line-height: 1.75;
}
.nc-faq-a p {
margin: 0 0 0.75rem;
}
.nc-faq-a p:last-child {
margin-bottom: 0;
}
.nc-faq--ready .nc-faq-a {
display: none;
}
.nc-faq--ready .nc-faq-item.is-open .nc-faq-a {
display: block;
}
.nc-homepage-search {
--nc-search-shell: #ffffff;
--nc-search-border: #d0d5d8;
--nc-search-ink: #1d2327;
--nc-search-muted: #646970;
position: relative;
margin: 0.5rem 0 2rem;
padding: 0;
background: none;
}
.nc-homepage-search__label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.nc-homepage-search__shell {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
width: 100%;
padding: 0;
overflow: hidden;
border: 1px solid var(--nc-search-border);
border-radius: 12px;
background: var(--nc-search-shell);
box-shadow: 0 8px 24px rgba(16, 21, 24, 0.06);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.nc-homepage-search__shell:focus-within {
border-color: var(--nc-search-ink);
box-shadow:
0 0 0 3px rgba(29, 35, 39, 0.12),
0 8px 24px rgba(16, 21, 24, 0.08);
}
.nc-homepage-search__icon {
display: block;
flex: 0 0 auto;
width: 1.15rem;
height: 1.15rem;
background-color: var(--nc-search-muted);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nc-homepage-search__shell:focus-within .nc-homepage-search__icon,
form.nc-homepage-search button.nc-homepage-search__btn:hover .nc-homepage-search__icon,
form.nc-homepage-search button.nc-homepage-search__btn:focus .nc-homepage-search__icon {
background-color: var(--nc-search-ink);
}
form.nc-homepage-search input.nc-homepage-search__input[type="search"] {
flex: 1 1 auto;
min-width: 0;
width: 100%;
max-width: none;
height: auto;
min-height: 3rem;
box-sizing: border-box;
margin: 0;
padding: 0.85rem 0.5rem 0.85rem 1rem;
border: 0;
border-radius: 0;
background: var(--nc-search-shell);
background-color: var(--nc-search-shell);
color: var(--nc-search-ink);
font-size: 1.02rem;
line-height: 1.35;
outline: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
form.nc-homepage-search input.nc-homepage-search__input[type="search"]::placeholder {
color: #8c9297;
}
form.nc-homepage-search input.nc-homepage-search__input[type="search"]::-webkit-search-decoration,
form.nc-homepage-search input.nc-homepage-search__input[type="search"]::-webkit-search-cancel-button,
form.nc-homepage-search input.nc-homepage-search__input[type="search"]::-webkit-search-results-button,
form.nc-homepage-search input.nc-homepage-search__input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
}
form.nc-homepage-search button.nc-homepage-search__btn {
all: unset;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 3rem;
align-self: stretch;
width: 3rem;
min-width: 3rem;
min-height: 3rem;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: var(--nc-search-shell);
background-color: var(--nc-search-shell);
color: var(--nc-search-ink);
box-shadow: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
form.nc-homepage-search button.nc-homepage-search__btn:hover,
form.nc-homepage-search button.nc-homepage-search__btn:focus {
background: var(--nc-search-shell);
background-color: var(--nc-search-shell);
color: var(--nc-search-ink);
filter: none;
outline: none;
box-shadow: none;
}
form.nc-homepage-search button.nc-homepage-search__btn:focus-visible {
outline: 2px solid var(--nc-search-ink);
outline-offset: -6px;
}
.nc-homepage-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin: 1.75rem 0 1.25rem;
padding: 1.25rem 1rem;
border-radius: 12px;
background: #f6f7f7;
}
.nc-homepage-stats__item {
text-align: center;
}
.nc-homepage-stats__num {
display: block;
font-size: 2rem;
font-weight: 700;
line-height: 1.15;
color: #1d2327;
}
.nc-homepage-stats__label {
display: block;
margin-top: 0.25rem;
font-size: 0.9rem;
color: #50575e;
}
.nc-homepage-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin: 0 0 2rem;
padding: 1.15rem 1.25rem;
border-radius: 12px;
background: #1d2327;
color: #fff;
}
.nc-homepage-cta__text {
margin: 0;
flex: 1 1 220px;
min-width: 0;
font-size: 1.05rem;
line-height: 1.45;
overflow-wrap: anywhere;
}
.nc-homepage-cta__btn {
display: inline-block;
padding: 0.7rem 1.2rem;
border-radius: 999px;
background: #ff7a00;
color: #fff;
font-weight: 700;
text-decoration: none;
}
.nc-homepage-cta__btn:hover,
.nc-homepage-cta__btn:focus {
color: #fff;
filter: brightness(1.08);
}
.nc-homepage-map {
margin: 0 0 2.25rem;
}
.nc-homepage-section {
margin: 0 0 2.25rem;
}
h2.nc-homepage-title,
.nc-homepage-map__title,
.nc-homepage-pasos__title,
.nc-homepage-lugares__title,
.nc-homepage-recientes__title,
.nc-homepage-section > h2 {
margin-top: 2.25rem;
margin-bottom: 0.85rem;
overflow-wrap: anywhere;
}
.nc-mapa-escrapeo {
width: 100%;
height: 420px;
border-radius: 12px;
overflow: hidden;
background: #e2e4e7;
}
.nc-mapa-escrapeo a {
font-weight: 700;
}
.nc-homepage-pasos {
margin: 0 0 2.25rem;
}
.nc-homepage ol.nc-homepage-pasos__list,
ol.nc-homepage-pasos__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;
list-style: none;
width: 100%;
max-width: 100%;
margin: 0;
margin-inline: 0;
padding: 0;
padding-inline-start: 0;
box-sizing: border-box;
}
.nc-homepage ol.nc-homepage-pasos__list > li.nc-homepage-pasos__item,
ol.nc-homepage-pasos__list > li.nc-homepage-pasos__item {
width: 100%;
max-width: 100%;
margin: 0;
margin-inline: 0;
padding: 1.15rem 1.1rem;
border-radius: 12px;
background: #f6f7f7;
box-sizing: border-box;
}
.nc-homepage-pasos__num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
margin-bottom: 0.65rem;
border-radius: 50%;
background: #ff7a00;
color: #fff;
font-weight: 700;
}
.nc-homepage-pasos__name {
margin: 0 0 0.4rem;
font-size: 1.1rem;
}
.nc-homepage-pasos__desc {
margin: 0;
color: #50575e;
line-height: 1.45;
}
.nc-homepage-lugares {
margin: 2.25rem 0;
}
.nc-homepage-lugares__list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
list-style: none;
margin: 0;
padding: 0;
}
.nc-homepage-lugares__chip {
display: inline-block;
padding: 0.45rem 0.9rem;
border-radius: 999px;
background: #f6f7f7;
color: #1d2327;
text-decoration: none;
font-weight: 600;
}
a.nc-homepage-lugares__chip:hover,
a.nc-homepage-lugares__chip:focus {
background: #1d2327;
color: #fff;
}
.nc-homepage-recientes {
margin: 2.25rem 0;
}
@media screen and (max-width: 782px) {
.nc-homepage {
padding-left: 1rem;
padding-right: 1rem;
box-sizing: border-box;
max-width: 100%;
}
.nc-faq-q {
padding-right: 2.85rem;
font-size: 1rem;
}
.nc-fichas-destacadas {
grid-template-columns: 1fr;
gap: 1rem;
}
form.nc-homepage-search input.nc-homepage-search__input[type="search"] {
padding: 0.7rem 0.35rem 0.7rem 0.85rem;
font-size: 1rem;
}
.nc-homepage-stats {
grid-template-columns: 1fr;
gap: 0.85rem;
}
.nc-homepage-cta {
flex-direction: column;
align-items: stretch;
text-align: center;
padding: 0.9rem 1rem;
gap: 0.75rem;
}
.nc-homepage-cta__text {
flex: 0 1 auto;
width: 100%;
font-size: 0.95rem;
}
.nc-homepage-cta__btn {
width: 100%;
box-sizing: border-box;
text-align: center;
white-space: normal;
}
.nc-mapa-escrapeo {
height: 280px;
}
.nc-homepage ol.nc-homepage-pasos__list,
ol.nc-homepage-pasos__list {
grid-template-columns: 1fr;
width: 100%;
margin-inline: 0;
padding-inline-start: 0;
}
.nc-homepage-title,
.nc-homepage-map__title,
.nc-homepage-pasos__title,
.nc-homepage-lugares__title,
.nc-homepage-recientes__title,
.nc-homepage-section > h2 {
text-align: center;
padding-left: 1rem;
padding-right: 1rem;
box-sizing: border-box;
max-width: 100%;
}
.nc-homepage .nc-homepage-title,
.nc-homepage .nc-homepage-map__title,
.nc-homepage .nc-homepage-pasos__title,
.nc-homepage .nc-homepage-lugares__title,
.nc-homepage .nc-homepage-recientes__title,
.nc-homepage .nc-homepage-section > h2 {
padding-left: 0;
padding-right: 0;
}
}