/* Hojas de estilo de Do Patagonia, pegadas en una sola.
   Generado solo. No editar aqui: los originales estan en
   wp-content/plugins/dopatagonia-design/assets/ */

/* === dopat-blog (blog.css) === */

body.single-post #content .entry-content p,
body.single-post #content .entry-content ul,
body.single-post #content .entry-content ol,
body.single-post #content .entry-content blockquote,
body.single-post #content .entry-content h2,
body.single-post #content .entry-content h3,
body.single-post #content .entry-content h4,
body.single-post #content .entry-content .wp-block-table,
body.single-post #content .entry-content .dp-articulo__firma {
max-width: 68ch;
margin-left: auto !important;
margin-right: auto !important;
}
body.single-post #content .entry-content p,
body.single-post #content .entry-content li {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 17.5px !important;
line-height: 1.72 !important;
color: #3B3A36 !important;
}
body.single-post #content .entry-content p {
margin-bottom: 20px !important;
}
body.single-post #content .entry-content li {
margin-bottom: 8px;
}
body.single-post #content .entry-content ul,
body.single-post #content .entry-content ol {
padding-left: 22px;
margin-bottom: 22px !important;
}
body.single-post #content .entry-content h1,
body.single-post #content .entry-content .uagb-heading-text {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(29px, 3.6vw, 44px) !important;
line-height: 1.13 !important;
letter-spacing: -0.02em;
color: #2C4A26 !important;
max-width: 22ch;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
body.single-post #content .entry-content h2 {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(22px, 2.4vw, 28px) !important;
line-height: 1.2 !important;
color: #2C4A26 !important;
margin-top: 40px !important;
margin-bottom: 12px !important;
}
body.single-post #content .entry-content h3 {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 1.25 !important;
color: #2C4A26 !important;
margin-top: 28px !important;
margin-bottom: 10px !important;
}
body.single-post #content .entry-content p a,
body.single-post #content .entry-content li a {
color: #0E5F94 !important;
text-decoration: underline;
text-underline-offset: 2px;
}
body.single-post #content .entry-content .dp-articulo__firma {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px !important;
line-height: 1.4 !important;
color: #6B6862 !important;
text-align: center;
margin-top: 10px !important;
margin-bottom: 30px !important;
padding-bottom: 18px;
border-bottom: 1px solid #E3DED4;
}
body.single-post #content .dp-articulo__cat {
color: #4A7A26 !important;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 11.5px;
text-decoration: none;
}
body.single-post #content .dp-articulo__cat:hover { text-decoration: underline; }
.dp-articulo__punto { margin: 0 7px; opacity: .5; }
body.dp-cierre #content .entry-content .dp-articulo__cierre {
max-width: 1100px;
margin: 56px auto 16px;
padding: 40px 24px 34px;
border-radius: 20px;
background: #17486A;
background-image: linear-gradient(180deg, #17486A 0%, #123E56 100%);
color: #FFFFFF;
text-align: center;
}
body.dp-cierre #content .entry-content .dp-articulo__cierre-titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: clamp(26px, 3vw, 34px) !important;
font-weight: 500 !important;
line-height: 1.12 !important;
color: #FFFFFF !important;
margin: 0 auto 16px !important;
max-width: 24ch;
text-align: center;
text-wrap: balance;
}
.dp-articulo__cierre-marca { font-style: normal; color: #9ACB6A; }
body.dp-cierre #content .entry-content .dp-articulo__pasos {
list-style: none;
margin: 0 auto 22px !important;
padding: 0 !important;
max-width: 720px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px 0;
}
body.dp-cierre #content .entry-content .dp-articulo__pasos li {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 9px;
margin: 0;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600;
color: #FFFFFF !important;
max-width: none;
}
body.dp-cierre #content .entry-content .dp-articulo__pasos li b {
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(255, 255, 255, .14);
border: 1px solid rgba(255, 255, 255, .35);
color: #FFFFFF;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 14px;
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
body.dp-cierre #content .entry-content .dp-articulo__cierre-form {
max-width: 640px;
margin: 0 auto;
text-align: left;
}
body.dp-cierre #content .entry-content .dp-articulo__cierre-form .wpcf7 {
background: #FFFFFF;
border-radius: 14px;
padding: 22px 22px 18px;
color: #1F2A1C;
}
body.dp-cierre #content .entry-content .dp-articulo__cierre-form .wpcf7 p,
body.dp-cierre #content .entry-content .dp-articulo__cierre-form .wpcf7 label {
color: #1F2A1C !important;
max-width: none;
text-align: left;
}
body.dp-cierre #content .entry-content .dp-articulo__cierre-form .wpcf7 label span { color: #8E4A2E; }
.dp-articulo__pasos .dp-corto { display: none; }
@media (max-width: 720px) {
.dp-articulo__pasos .dp-largo { display: none; }
.dp-articulo__pasos .dp-corto { display: inline; }
}
.dp-articulo__cierre-botones { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 20px; }
body.dp-cierre #content .dp-articulo__boton {
display: inline-flex; align-items: center; justify-content: center;
min-height: 48px; padding: 0 28px; border-radius: 999px;
background: #0E5F94; color: #FFFFFF !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important;
}
body.dp-cierre #content .dp-articulo__boton:hover { background: #1272B0; }
@media (max-width: 720px) {
body.dp-cierre #content .entry-content .dp-articulo__cierre { padding: 28px 16px 24px; border-radius: 16px; margin-top: 40px; }
body.dp-cierre #content .entry-content .dp-articulo__pasos {
grid-template-columns: repeat(3, auto);
justify-content: space-between;
gap: 6px 0;
}
body.dp-cierre #content .entry-content .dp-articulo__pasos {
grid-template-columns: repeat(3, auto) !important;
justify-content: space-between;
justify-items: center;
gap: 6px 0 !important;
}
body.dp-cierre #content .entry-content .dp-articulo__pasos li {
font-size: min(11.5px, 3.05vw) !important;
gap: 5px;
white-space: nowrap;
}
body.dp-cierre #content .entry-content .dp-articulo__pasos li b {
width: min(21px, 5.6vw);
height: min(21px, 5.6vw);
font-size: min(11.5px, 3.05vw);
}
.dp-articulo__pasos .dp-largo { display: none !important; }
.dp-articulo__pasos .dp-corto { display: inline !important; }
body.dp-cierre #content .entry-content .dp-articulo__pasos li b { width: 24px; height: 24px; font-size: 13px; }
body.dp-cierre #content .entry-content .dp-articulo__cierre-form .wpcf7 { padding: 18px 14px 14px; }
}
body.single-post #content .entry-content .wp-block-table {
overflow-x: auto;
margin: 18px auto 22px !important;
border: 1px solid #E3DED4;
border-radius: 12px;
background: #FFFFFF;
}
body.single-post #content .entry-content .wp-block-table table {
border-collapse: collapse;
width: 100%;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 15px;
line-height: 1.45;
color: #3B3A36;
font-variant-numeric: tabular-nums;
}
body.single-post #content .entry-content .wp-block-table th,
body.single-post #content .entry-content .wp-block-table td {
padding: 10px 12px;
border: 0;
border-bottom: 1px solid #ECE8E0;
text-align: left;
vertical-align: top;
}
body.single-post #content .entry-content .wp-block-table th {
background: #EFEAE2;
color: #4A4840;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
body.single-post #content .entry-content .wp-block-table tbody tr:nth-child(even) td { background: #FBFAF7; }
body.single-post #content .entry-content .wp-block-table tbody tr:last-child td { border-bottom: 0; }
body.single-post #content .entry-content .wp-block-table td:first-child { font-weight: 600; color: #2C4A26; white-space: nowrap; }
@media (max-width: 720px) {
body.single-post #content .entry-content .wp-block-table table { font-size: 14px; min-width: 560px; }
}
body #content .uagb-post-grid.uagb-post__items {
align-items: stretch !important;
}
body #content .uagb-post-grid article.uagb-post__inner-wrap {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
border: 1px solid #E3DED4;
border-radius: 16px;
overflow: hidden;
background: #FFFFFF;
}
body #content .uagb-post-grid .uagb-post__image {
margin: 0 !important;
aspect-ratio: 3 / 2 !important;
overflow: hidden;
background: #EFEAE2;
flex: 0 0 auto;
}
body #content .uagb-post-grid .uagb-post__image a,
body #content .uagb-post-grid .uagb-post__image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
}
.uagb-post-grid .uagb-post__title {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: 19px !important;
font-weight: 500 !important;
line-height: 1.22 !important;
margin: 18px 20px 8px !important;
}
.uagb-post-grid .uagb-post__title a {
color: #2C4A26 !important;
text-decoration: none;
}
.uagb-post-grid .uagb-post__title a:hover { text-decoration: underline; }
.uagb-post-grid .uagb-post-grid-byline:empty { display: none !important; }
.uagb-post-grid .uagb-post__excerpt {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 14px !important;
line-height: 1.55 !important;
color: #55534E !important;
margin: 0 20px 16px !important;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.uagb-post-grid .uagb-post__excerpt p { margin: 0 !important; }
body #content .uagb-post-grid .uagb-post__cta {
margin: auto 20px 20px !important;
}
.uagb-post-grid .uagb-post__cta .uagb-text-link {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 20px !important;
border-radius: 999px !important;
background: #0E5F94 !important;
color: #FFFFFF !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px !important;
font-weight: 700 !important;
letter-spacing: .04em;
text-transform: uppercase;
text-decoration: none !important;
}
.uagb-post-grid .uagb-post__cta .uagb-text-link:hover { background: #1272B0 !important; }
@media (max-width: 780px) {
body.single-post #content .entry-content p,
body.single-post #content .entry-content li { font-size: 17px !important; }
body.single-post #content .entry-content .uagb-heading-text { max-width: none; }
.dp-articulo__cierre { margin-left: 18px; margin-right: 18px; padding: 22px 20px 20px; }
}
body.single-post #content .entry-content h2,
body.single-post #content .entry-content h3,
body.single-post #content .entry-content h4,
body.single-post #content .entry-content p,
body.single-post #content .entry-content ul,
body.single-post #content .entry-content ol {
text-align: left !important;
}
body.page-id-7445 #content .uagb-block-2c58ccd3 .uagb-heading-text,
body.page-id-7445 #content .uagb-block-f2d82157 .uagb-heading-text {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
letter-spacing: -0.02em;
color: #2C4A26 !important;
}
body.page-id-7445 #content .uagb-block-2c58ccd3 .uagb-heading-text {
font-size: clamp(30px, 3.6vw, 44px) !important;
line-height: 1.12 !important;
}
body.page-id-7445 #content .uagb-block-f2d82157 .uagb-heading-text {
font-size: clamp(24px, 2.6vw, 32px) !important;
line-height: 1.16 !important;
}
body.page-id-7445 #content .uagb-block-2c58ccd3 .uagb-desc-text,
body.page-id-7445 #content .uagb-block-f2d82157 .uagb-desc-text {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 15.5px !important;
line-height: 1.55 !important;
color: #55534E !important;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
body.page-id-7445 #content .uagb-buttons-repeater {
background-color: #0E5F94 !important;
border-color: #0E5F94 !important;
color: #FFFFFF !important;
border-radius: 999px !important;
min-height: 48px;
padding: 0 30px !important;
display: inline-flex !important;
align-items: center;
}
body.page-id-7445 #content .uagb-buttons-repeater:hover {
background-color: #1272B0 !important;
border-color: #1272B0 !important;
}
body.page-id-7445 #content .uagb-button__link {
color: #FFFFFF !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 13.5px !important;
font-weight: 700 !important;
letter-spacing: .04em;
}
body.page-id-7445 #content .uagb-block-f2d82157 .uagb-heading-text,
body.page-id-7445 #content .uagb-block-f2d82157 .uagb-desc-text {
text-align: center !important;
}
.uagb-post-grid .uagb-post__image {
padding-bottom: 0 !important;
background: transparent !important;
}
body.single-post #content .uagb-block-8e368c08.wp-block-uagb-advanced-heading,
body.single-post #content .uagb-block-ff90cc27.wp-block-uagb-advanced-heading,
body.single-post #content .uagb-block-1f41025c.wp-block-uagb-advanced-heading,
body.blog #content .uagb-block-8e368c08.wp-block-uagb-advanced-heading,
body.blog #content .uagb-block-ff90cc27.wp-block-uagb-advanced-heading,
body.blog #content .uagb-block-1f41025c.wp-block-uagb-advanced-heading {
margin-bottom: 10px !important;
}
.dp-nota-autor {
display: grid;
grid-template-columns: 150px minmax(0, 1fr);
gap: 34px;
margin: 52px 0 8px;
padding-left: 30px;
border-left: 2px solid var(--dp-gold, #9ACB6A);
}
#content .entry-content .dp-nota-autor__foto,
.dp-nota-autor__foto {
width: 150px;
height: 200px;
object-fit: cover;
object-position: center 22%;
border-radius: 2px;
display: block;
margin: 0;
}
body.single-post #content .entry-content p.dp-nota-autor__nombre,
#content .entry-content .dp-nota-autor__nombre,
.dp-nota-autor .dp-nota-autor__nombre {
font-family: 'Lora', serif !important;
font-size: 26px !important;
line-height: 1.2 !important;
font-weight: 400;
color: var(--dp-green, #2C4A26) !important;
margin: 0 0 6px;
}
body.single-post #content .entry-content p.dp-nota-autor__rol,
#content .entry-content .dp-nota-autor__rol,
.dp-nota-autor .dp-nota-autor__rol {
font-family: 'Lora', serif !important;
font-style: italic;
font-size: 15px !important;
line-height: 1.4 !important;
color: var(--dp-gold-ink, #4A7A26) !important;
margin: 0 0 16px;
}
body.single-post #content .entry-content p.dp-nota-autor__bio,
#content .entry-content .dp-nota-autor__bio,
.dp-nota-autor .dp-nota-autor__bio {
font-size: 15.5px !important;
line-height: 1.75 !important;
max-width: 56ch;
margin: 0 0 14px;
}
body.single-post #content .entry-content p.dp-nota-autor__pie,
#content .entry-content .dp-nota-autor__pie,
.dp-nota-autor .dp-nota-autor__pie {
font-size: 13.5px !important;
margin: 0;
}
#content .entry-content .dp-nota-autor__pie a,
.dp-nota-autor .dp-nota-autor__pie a {
color: var(--dp-cta, #0E5F94) !important;
text-decoration: none;
border-bottom: 1px solid rgba(14, 95, 148, .3);
}
@media (max-width: 600px) {
.dp-nota-autor {
display: block;
padding-left: 20px;
}
#content .entry-content .dp-nota-autor__foto,
.dp-nota-autor__foto {
width: 120px;
height: 160px;
margin-bottom: 14px;
}
body.single-post #content .entry-content p.dp-nota-autor__nombre,
#content .entry-content .dp-nota-autor__nombre { font-size: 22px !important; }
}
body.single-post #content .entry-content .dp-articulo__fuente {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 22px;
margin: 26px 0 0;
padding: 18px 0 0;
border-top: 1px solid #E3DDD2;
}
body.single-post #content .entry-content p.dp-articulo__fuente-texto {
flex: 1 1 320px;
margin: 0 !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: #5F5E56 !important;
}
@media (max-width: 720px) {
body.single-post #content .entry-content .wp-block-table { overflow: visible; border: 0; background: transparent; }
body.single-post #content .entry-content .wp-block-table table.dp-tabla-fichas { min-width: 0; display: block; }
body.single-post #content .entry-content table.dp-tabla-fichas thead { display: none; }
body.single-post #content .entry-content table.dp-tabla-fichas tbody {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
body.single-post #content .entry-content table.dp-tabla-fichas tr {
display: block;
box-sizing: border-box;
width: 100%;
border: 1px solid #E3DED4;
border-radius: 12px;
background: #FFFFFF;
padding: 6px 14px 8px;
}
body.single-post #content .entry-content table.dp-tabla-fichas tbody tr:nth-child(even) td { background: transparent; }
body.single-post #content .entry-content table.dp-tabla-fichas td {
display: grid;
grid-template-columns: minmax(78px, 32%) minmax(0, 1fr);
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #EFEAE2;
white-space: normal;
overflow-wrap: anywhere;
font-size: 14.5px;
}
body.single-post #content .entry-content table.dp-tabla-fichas td:last-child { border-bottom: 0; }
body.single-post #content .entry-content table.dp-tabla-fichas td::before {
content: attr(data-label);
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #6B6862;
padding-top: 2px;
overflow-wrap: anywhere;
}
body.single-post #content .entry-content table.dp-tabla-fichas td:first-child {
display: block;
overflow-wrap: anywhere;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 17px;
font-weight: 500;
color: #2C4A26;
padding: 8px 0 6px;
}
body.single-post #content .entry-content table.dp-tabla-fichas td:first-child::before { content: none; }
body.single-post #content .entry-content table.dp-tabla-fichas td:empty { display: none; }
}
body.single-post #content .entry-content .dp-preguntas .rank-math-question {
margin: 0 !important;
padding: 0 !important;
font-size: 16px !important;
line-height: 1.3 !important;
max-width: none;
}
body.single-post #content .entry-content .dp-preguntas .dp-preguntas__boton {
min-height: 48px;
padding: 11px 4px !important;
font-size: 16.5px !important;
line-height: 1.3;
}
body.single-post #content .entry-content .dp-preguntas .rank-math-list-item {
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #E3DED4;
}
body.single-post #content .entry-content .dp-preguntas .rank-math-answer {
padding: 0 4px 14px !important;
margin: 0 !important;
max-width: 68ch;
}
body.single-post #content .entry-content .dp-preguntas .rank-math-answer,
body.single-post #content .entry-content .dp-preguntas .rank-math-answer p {
font-size: 15.5px !important;
line-height: 1.55 !important;
color: #55534E !important;
}
body.single-post #content .entry-content .rank-math-list.dp-preguntas { margin: 0 auto 8px; max-width: 68ch; }
@media (max-width: 720px) {
body.single-post #content .entry-content .dp-preguntas .dp-preguntas__boton { min-height: 44px; padding: 10px 2px !important; font-size: 15.5px !important; gap: 12px; }
}
body.single-post #content .entry-content { --dp-col: 780px; }
body.single-post #content .entry-content p,
body.single-post #content .entry-content ul,
body.single-post #content .entry-content ol,
body.single-post #content .entry-content blockquote,
body.single-post #content .entry-content h2,
body.single-post #content .entry-content h3,
body.single-post #content .entry-content h4,
body.single-post #content .entry-content .wp-block-table,
body.single-post #content .entry-content .dp-articulo__firma,
body.single-post #content .entry-content .rank-math-list.dp-preguntas,
body.single-post #content .entry-content .dp-preguntas .rank-math-answer,
body.single-post #content .entry-content .dp-nota-autor,
body.single-post #content .entry-content .dp-articulo__fuente,
body.single-post #content .entry-content .dp-articulo__cierre {
max-width: var(--dp-col) !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.single-post #content .entry-content .wp-block-table table { width: 100%; }
body.single-post #content .entry-content .dp-articulo__cierre { padding-left: 32px; padding-right: 32px; }
body.single-post #content .entry-content .dp-articulo__cierre-form { max-width: none; }
@media (max-width: 720px) {
body.single-post #content .entry-content .dp-articulo__cierre { padding-left: 16px; padding-right: 16px; }
}
body.dp-cierre #content .entry-content .dp-articulo__cierre .dp-articulo__cierre-titulo,
body.dp-cierre #content .entry-content .dp-articulo__cierre h2 {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-id-7445 #content .entry-content { max-width: none; }
.dp-blog {
max-width: 1100px;
margin: 0 auto;
padding: 36px 20px 56px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
color: #1F2A1C;
}
.dp-blog__cab { text-align: left; margin: 0 0 22px; }
body.page-id-7445 #content .dp-blog__ante {
margin: 0 0 8px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: #4A7A26 !important;
line-height: 1.3;
}
body.page-id-7445 #content .dp-blog__titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(34px, 4.4vw, 54px) !important;
line-height: 1.06 !important;
letter-spacing: -0.02em;
color: #2C4A26 !important;
margin: 0 0 12px !important;
max-width: 18ch;
text-align: left;
text-wrap: balance;
}
.dp-blog__titulo em { font-style: italic; color: #4A7A26; }
.dp-blog__intro {
margin: 0 !important;
font-size: 17px !important;
line-height: 1.55 !important;
color: #55534E !important;
max-width: 56ch;
text-align: left;
}
.dp-blog__portada {
display: block;
position: relative;
border-radius: 18px;
overflow: hidden;
background: #2C4A26;
aspect-ratio: 21 / 9;
text-decoration: none !important;
color: #FFFFFF;
}
.dp-blog__portada img.dp-blog__portada-foto,
.dp-blog__portada img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
display: block;
transition: transform .6s ease;
}
.dp-blog__portada:hover img { transform: scale(1.03); }
.dp-blog__portada-texto {
position: absolute; left: 0; right: 0; bottom: 0;
display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
padding: 72px 28px 26px;
background: linear-gradient(180deg, rgba(15, 37, 64, 0) 0%, rgba(15, 37, 64, .55) 40%, rgba(15, 37, 64, .9) 100%);
}
.dp-blog__portada-titulo {
display: block;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500;
font-size: clamp(22px, 3vw, 36px);
line-height: 1.12;
color: #FFFFFF;
max-width: 24ch;
text-wrap: balance;
}
.dp-blog__portada .dp-blog__meta { color: rgba(255, 255, 255, .82); }
.dp-blog__chip {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: #4A7A26;
background: #FFFFFF;
border: 1px solid #E3DED4;
border-radius: 999px;
padding: 3px 10px;
line-height: 1.2;
}
.dp-blog__chip--claro { background: #9ACB6A; color: #1F2A1C; }
.dp-blog__meta { display: block; font-size: 13px; color: #6B6862; line-height: 1.3; }
body.page-id-7445 #content .dp-blog__lista {
list-style: none;
margin: 26px 0 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 44px;
row-gap: 0;
}
body.page-id-7445 #content .dp-blog__fila {
display: grid;
grid-template-columns: 34px 1fr 150px;
gap: 16px;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid #E3DED4;
margin: 0;
}
.dp-blog__num {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: 26px;
font-weight: 500;
line-height: 1;
color: #4A7A26;
font-variant-numeric: tabular-nums;
}
.dp-blog__fila-texto {
display: flex; flex-direction: column; align-items: flex-start; gap: 5px;
text-decoration: none !important;
color: #1F2A1C;
min-width: 0;
}
.dp-blog__fila-titulo {
display: block;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500;
font-size: 20px !important;
line-height: 1.18 !important;
color: #2C4A26;
transition: color .2s ease;
}
.dp-blog__fila-texto:hover .dp-blog__fila-titulo { color: #0E5F94; }
.dp-blog__fila-foto {
display: block;
border-radius: 10px;
overflow: hidden;
aspect-ratio: 3 / 2;
background: #EFEAE2;
}
.dp-blog__fila-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dp-blog__mas { display: none; margin: 18px 0 0 !important; text-align: center; }
body.page-id-7445 #content .dp-blog__mas-boton {
display: inline-flex; align-items: center; justify-content: center;
min-height: 46px; padding: 0 26px; border-radius: 999px;
background: #FFFFFF; border: 1.5px solid #2C4A26; color: #2C4A26;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
cursor: pointer;
}
body.page-id-7445 #content .dp-blog__mas-boton:hover { background: #2C4A26; color: #FFFFFF; }
@media (max-width: 720px) {
body.page-id-7445 #content .dp-blog__lista:not(.dp-blog__lista--toda) .dp-blog__fila--extra { display: none; }
.dp-blog__mas { display: block; }
.dp-blog__lista--toda + .dp-blog__mas { display: none; }
}
body.page-id-7445 #content .entry-content .dp-articulo__cierre { margin: 48px 0 0; }
@media (max-width: 900px) {
body.page-id-7445 #content .dp-blog__lista { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
body.page-id-7445 #content article.page { padding-left: 0; padding-right: 0; }
.dp-blog { padding: 22px 16px 16px; }
body.page-id-7445 #content .entry-content .dp-articulo__cierre { margin-left: -8px; margin-right: -8px; }
body.page-id-7445 #content .entry-content .dp-articulo__pasos { gap: 8px; }
.dp-blog__cab { margin-bottom: 18px; }
.dp-blog__intro { font-size: 15.5px !important; }
.dp-blog__portada { aspect-ratio: 4 / 3; border-radius: 14px; }
.dp-blog__portada-texto { padding: 56px 16px 18px; gap: 6px; }
body.page-id-7445 #content .dp-blog__fila { grid-template-columns: 28px 1fr 96px; gap: 12px; padding: 13px 0; }
.dp-blog__num { font-size: 21px; }
.dp-blog__fila-titulo { font-size: 16.5px !important; }
.dp-blog__chip { font-size: 11px; padding: 3px 9px; }
.dp-blog__meta { font-size: 12px; }
.dp-blog__fila-foto { border-radius: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.dp-blog__portada img, .dp-blog__fila-titulo { transition: none; }
}
body.single-post #content .entry-content a:not([class]),
body.single-post #content .entry-content p > a,
body.single-post #content .entry-content li > a,
body.single-post #content .entry-content td > a,
body.single-post #content .post-navigation a,
body.single-post #content .nav-previous a,
body.single-post #content .nav-next a {
color: #0E5F94;
text-underline-offset: 2px;
}
body.single-post #content .entry-content a:not([class]):hover,
body.single-post #content .post-navigation a:hover { color: #1272B0; }
body.page-id-7445 #content .dp-blog__lista { counter-reset: dp-guia; }
body.page-id-7445 #content .dp-blog__fila { counter-increment: dp-guia; }
body.page-id-7445 #content .dp-blog__num::before {
content: counter(dp-guia, decimal-leading-zero);
}
body.page-id-7445 #content .dp-blog__portada[hidden],
body.page-id-7445 #content .dp-blog__fila[hidden] {
display: none !important;
}
.dp-blog__temas { margin: 0 0 22px; }
.dp-blog__temas-tira {
display: flex;
gap: 8px;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
padding-bottom: 2px;
}
.dp-blog__temas-tira::-webkit-scrollbar { display: none; }
body.page-id-7445 #content .dp-blog__tema {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 16px;
border-radius: 999px;
border: 1.5px solid #E3DED4;
background: #FFFFFF;
color: #55534E;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: border-color .15s ease, color .15s ease, background .15s ease;
}
body.page-id-7445 #content .dp-blog__tema:hover {
border-color: #2C4A26;
color: #2C4A26;
}
body.page-id-7445 #content .dp-blog__tema[aria-checked="true"] {
background: #2C4A26;
border-color: #2C4A26;
color: #FFFFFF;
}
body.page-id-7445 #content .dp-blog__tema:focus-visible {
outline: 2px solid #0E5F94;
outline-offset: 2px;
}
.dp-blog__temas-dicho {
position: absolute;
width: 1px; height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
margin: 0 !important;
}
@media (max-width: 720px) {
.dp-blog__temas-tira {
margin-inline: -16px;
padding-inline: 16px;
}
}
.dp-blog { padding-top: 12px; }
@media (min-width: 781px) {
body.page-id-7445 #content .site-main > article { padding-top: 78px; }
}
@media (max-width: 720px) {
.dp-blog { padding-top: 10px; }
}
.dp-guia {
display: grid;
gap: 0;
margin: 0 0 30px;
}
body.single-post #content .entry-content .dp-guia > * {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
justify-self: stretch;
}
body.single-post #content .dp-guia,
body.single-post #content .dp-guia__tema,
body.single-post #content h1.dp-guia__titulo,
body.single-post #content .dp-guia__meta,
body.single-post #content .dp-guia__entrada,
body.single-post #content .dp-guia__entrada p {
text-align: left !important;
}
body.single-post #content .dp-guia__tema {
grid-area: tema;
margin: 0 0 10px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: #4A7A26 !important;
line-height: 1.3;
}
body.single-post #content h1.dp-guia__titulo {
grid-area: titulo;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(27px, 3.5vw, 44px) !important;
line-height: 1.1 !important;
letter-spacing: -0.02em;
color: #2C4A26 !important;
margin: 0 0 12px !important;
text-wrap: balance;
}
body.single-post #content .dp-guia__meta {
grid-area: meta;
margin: 0 0 20px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 13.5px !important;
color: #6B6A64 !important;
}
.dp-guia__foto {
grid-area: foto;
margin: 0 0 20px;
border-radius: 16px;
overflow: hidden;
background: #EFEAE2;
}
.dp-guia__foto img.dp-guia__img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
body.single-post #content .dp-guia__entrada { grid-area: entrada; }
body.single-post #content .dp-guia__entrada p {
margin: 0 0 14px !important;
font-size: 17.5px !important;
line-height: 1.6 !important;
color: #3A3A35 !important;
}
body.single-post #content .dp-guia__entrada p:last-child { margin-bottom: 0 !important; }
body.single-post #content .dp-guia__entrada p { max-width: 62ch !important; }
.dp-guia {
grid-template-columns: 1fr;
grid-template-areas:
"tema"
"titulo"
"meta"
"foto"
"entrada";
}
@media (min-width: 781px) {
.dp-guia {
grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
grid-template-rows: auto auto auto 1fr;
grid-template-areas:
"foto tema"
"foto titulo"
"foto meta"
"foto entrada";
column-gap: 40px;
align-items: start;
margin-bottom: 38px;
}
.dp-guia__foto {
margin: 0;
align-self: start;
grid-row: 1 / -1;
}
.dp-guia {
padding-right: calc((100% - var(--dp-col, 780px)) / 2);
}
.dp-guia--sin-foto {
grid-template-columns: 1fr;
grid-template-areas: "tema" "titulo" "meta" "entrada";
}
}
body.single-post #content .dp-fichas {
list-style: none;
margin: 0 0 30px !important;
padding: 0 !important;
border-top: 1px solid #E3DED4;
}
body.single-post #content .dp-fichas > li {
margin: 0;
padding: 18px 0;
border-bottom: 1px solid #E3DED4;
}
body.single-post #content .entry-content .dp-fichas > li > * {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.single-post #content .dp-ficha__nombre {
margin: 0 0 10px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: 19px !important;
line-height: 1.25 !important;
color: #2C4A26 !important;
}
.dp-ficha__datos {
display: grid;
gap: 6px 26px;
margin: 0;
}
.dp-ficha__dato { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
body.single-post #content .dp-ficha__datos dt {
flex: 0 0 66px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #6B6A64;
line-height: 1.5;
}
body.single-post #content .dp-ficha__datos dd {
margin: 0;
font-size: 16px;
line-height: 1.5;
color: #3A3A35;
}
@media (min-width: 781px) {
body.single-post #content .dp-fichas > li {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
gap: 10px 30px;
align-items: start;
}
body.single-post #content .dp-ficha__nombre { margin: 0 !important; }
.dp-ficha__datos { gap: 6px; }
}
body.single-post #content .dp-ficha__nota {
display: block;
margin-top: 3px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
color: #6B6A64;
}
body.single-post #content .entry-content ul.dp-programas { display: none; }
@media (max-width: 780px) {
body.single-post #content .entry-content .dp-comparativa--con-fichas { display: none; }
body.single-post #content .entry-content ul.dp-programas {
display: grid;
gap: 14px;
list-style: none;
margin: 0 0 26px !important;
padding: 0 !important;
}
body.single-post #content .entry-content .dp-programas > li {
margin: 0;
padding: 18px;
border: 1px solid #E3DED4;
border-radius: 14px;
background: #FFFFFF;
}
body.single-post #content .dp-programa__nombre {
width: 100% !important;
max-width: none !important;
margin: 0 0 12px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 1.2 !important;
color: #2C4A26 !important;
}
body.single-post #content .entry-content .dp-programa__datos { margin: 0; display: grid; gap: 8px; }
body.single-post #content .entry-content .dp-programa__dato {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
gap: 10px;
align-items: baseline;
}
body.single-post #content .dp-programa__datos dt {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px;
color: #6B6A64;
line-height: 1.45;
}
body.single-post #content .dp-programa__datos dd {
margin: 0;
font-size: 15.5px;
line-height: 1.45;
color: #1F2A1C;
font-weight: 600;
}
body.single-post #content .entry-content a.dp-programa__cta {
display: flex;
align-items: center;
justify-content: center;
min-height: 46px;
margin-top: 14px;
padding: 0 18px;
border-radius: 999px;
background: var(--dp-cta, #0E5F94);
color: #FFFFFF !important;
text-decoration: none !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 14.5px;
font-weight: 700;
text-align: center;
}
body.single-post #content .entry-content a.dp-programa__cta:hover { background: #1272B0; }
}
body.single-post #content .entry-content .dp-aviso {
margin: 0 0 26px;
padding: 18px 20px;
border-left: 3px solid #4A7A26;
border-radius: 0 10px 10px 0;
background: #F2F5EE;
}
body.single-post #content .entry-content .dp-aviso p {
max-width: none !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1.55 !important;
color: #2F3A2B !important;
}
body.single-post #content .entry-content .dp-aviso__fecha {
margin: 0 0 8px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #4A7A26 !important;
}
body.single-post #content .entry-content p.dp-tabla-nota {
margin: 0 0 10px !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: #6B6A64 !important;
}
@media (max-width: 720px) {
body.single-post #content .entry-content .wp-block-table:has(table.dp-tabla-fichas) {
overflow-x: clip;
}
body.single-post #content .entry-content table.dp-tabla-fichas {
max-width: 100%;
}
}
body.single-post #content .entry-content ul.dp-meses {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
list-style: none;
margin: 0 0 14px !important;
padding: 0 !important;
}
body.single-post #content .entry-content .dp-meses > li {
margin: 0;
padding: 16px 18px;
border: 1px solid #E3DED4;
border-radius: 12px;
background: #FFFFFF;
}
body.single-post #content .dp-mes__nombre {
width: 100% !important;
max-width: none !important;
margin: 0 0 12px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 1.2 !important;
color: #2C4A26 !important;
}
.dp-mes__datos { margin: 0; display: grid; gap: 10px; }
body.single-post #content .dp-mes__datos dt {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
color: #6B6A64;
margin-bottom: 2px;
}
body.single-post #content .dp-mes__datos dd {
margin: 0;
font-size: 16px;
line-height: 1.35;
color: #1F2A1C;
font-weight: 600;
}
body.single-post #content .entry-content p.dp-franja {
max-width: none !important;
margin: 0 0 26px !important;
padding: 12px 16px;
border-radius: 10px;
background: #FBF3E4;
font-size: 15.5px !important;
line-height: 1.5 !important;
color: #4A3B1E !important;
}
body.single-post #content .entry-content p.dp-fecha {
max-width: none !important;
margin: -14px 0 24px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 13.5px !important;
color: #6B6A64 !important;
}
@media (max-width: 780px) {
body.single-post #content .entry-content ul.dp-meses {
grid-template-columns: minmax(0, 1fr);
}
}
body.single-post #content .entry-content ul.dp-caminos {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
list-style: none;
margin: 0 0 30px !important;
padding: 0 !important;
}
body.single-post #content .entry-content .dp-caminos > li {
display: flex;
flex-direction: column;
margin: 0;
padding: 20px;
border: 1px solid #E3DED4;
border-radius: 14px;
background: #FFFFFF;
}
body.single-post #content .dp-camino__nombre {
width: 100% !important;
max-width: none !important;
margin: 0 0 10px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 1.22 !important;
color: #2C4A26 !important;
}
body.single-post #content .entry-content .dp-caminos p {
max-width: none !important;
margin: 0 0 16px !important;
font-size: 15.5px !important;
line-height: 1.5 !important;
color: #3A3A35 !important;
}
body.single-post #content .entry-content a.dp-camino__cta {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: auto;
min-height: 46px;
padding: 0 16px;
border-radius: 999px;
background: var(--dp-cta, #0E5F94);
color: #FFFFFF !important;
text-decoration: none !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 1.2;
}
body.single-post #content .entry-content a.dp-camino__cta:hover { background: #1272B0; }
@media (max-width: 780px) {
body.single-post #content .entry-content ul.dp-caminos {
grid-template-columns: minmax(0, 1fr);
}
}
body.single-post #content .entry-content .dp-seguro {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin: 0 0 30px;
}
body.single-post #content .dp-seguro__nombre {
width: 100% !important;
max-width: none !important;
margin: 0 0 10px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #4A7A26 !important;
line-height: 1.3;
}
body.single-post #content .entry-content .dp-seguro ul {
max-width: none !important;
margin: 0 !important;
padding: 0 0 0 18px !important;
}
body.single-post #content .entry-content .dp-seguro li {
margin: 0 0 8px;
font-size: 15.5px;
line-height: 1.5;
color: #3A3A35;
}
@media (max-width: 780px) {
body.single-post #content .entry-content .dp-seguro {
grid-template-columns: minmax(0, 1fr);
gap: 22px;
}
}
body.single-post #content .entry-content .dp-precios {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0 0 10px;
}
body.single-post #content .entry-content .dp-precio {
display: flex;
flex-direction: column;
gap: 4px;
padding: 14px 16px;
border: 1px solid #E3DED4;
border-radius: 12px;
background: #FFFFFF;
}
body.single-post #content .entry-content .dp-precio__que {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
color: #6B6A64;
line-height: 1.3;
}
body.single-post #content .entry-content .dp-precio__cifra {
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 21px;
font-weight: 500;
line-height: 1.1;
color: #2C4A26;
}
body.single-post #content .entry-content p.dp-precios__nota {
max-width: none !important;
margin: 0 0 16px !important;
font-size: 14.5px !important;
color: #6B6A64 !important;
}
body.single-post #content .entry-content ul.dp-capas {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
list-style: none;
margin: 0 0 30px !important;
padding: 0 !important;
counter-reset: dp-capa;
}
body.single-post #content .entry-content .dp-capas > li {
position: relative;
margin: 0;
padding: 18px 20px 18px 56px;
border: 1px solid #E3DED4;
border-radius: 12px;
background: #FFFFFF;
counter-increment: dp-capa;
}
body.single-post #content .entry-content .dp-capas > li::before {
content: counter(dp-capa);
position: absolute;
left: 18px;
top: 17px;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 22px;
line-height: 1;
color: #4A7A26;
}
body.single-post #content .dp-capa__nombre {
width: 100% !important;
max-width: none !important;
margin: 0 0 6px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 1.2 !important;
color: #2C4A26 !important;
}
body.single-post #content .entry-content .dp-capas p {
max-width: none !important;
margin: 0 !important;
font-size: 15.5px !important;
line-height: 1.5 !important;
color: #3A3A35 !important;
}
@media (max-width: 780px) {
body.single-post #content .entry-content ul.dp-capas {
grid-template-columns: minmax(0, 1fr);
}
}
body.single-post #content .entry-content ul.dp-rutas {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
list-style: none;
margin: 0 0 30px !important;
padding: 0 !important;
}
body.single-post #content .entry-content .dp-rutas > li {
margin: 0;
padding: 18px 20px;
border: 1px solid #E3DED4;
border-radius: 12px;
background: #FFFFFF;
}
body.single-post #content .dp-ruta__nombre {
width: 100% !important;
max-width: none !important;
margin: 0 0 6px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 11.5px !important;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
color: #4A7A26 !important;
line-height: 1.3;
}
body.single-post #content .entry-content p.dp-ruta__via {
max-width: none !important;
margin: 0 0 12px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: 17px !important;
line-height: 1.25 !important;
color: #2C4A26 !important;
}
body.single-post #content .entry-content .dp-rutas ul {
max-width: none !important;
margin: 0 !important;
padding: 0 0 0 18px !important;
}
body.single-post #content .entry-content .dp-rutas li li,
body.single-post #content .entry-content .dp-rutas ul li {
margin: 0 0 6px;
font-size: 15px;
line-height: 1.45;
color: #3A3A35;
}
@media (max-width: 780px) {
body.single-post #content .entry-content ul.dp-rutas {
grid-template-columns: minmax(0, 1fr);
}
}
body.single-post #content .entry-content .dp-comparamapa {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin: 0 0 30px;
}
body.single-post #content .entry-content .dp-comparamapa__uno {
margin: 0;
}
body.single-post #content .entry-content .dp-comparamapa .dp-mapa {
border-radius: 12px;
overflow: hidden;
border: 1px solid #E3DED4;
}
body.single-post #content .entry-content .dp-comparamapa figcaption {
margin-top: 8px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 14.5px;
line-height: 1.45;
color: #55534E;
}
body.single-post #content .entry-content .dp-comparamapa figcaption strong {
color: #2C4A26;
}
body.single-post #content .entry-content p.dp-comparamapa__credito {
grid-column: 1 / -1;
max-width: none !important;
margin: 0 !important;
font-size: 12px !important;
color: #8A8880 !important;
}
@media (max-width: 780px) {
body.single-post #content .entry-content .dp-comparamapa {
grid-template-columns: minmax(0, 1fr);
}
}
body.single-post #content .entry-content ul.dp-ofertas {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
list-style: none;
margin: 0 0 30px !important;
padding: 0 !important;
}
body.single-post #content .entry-content .dp-ofertas > li {
margin: 0;
padding: 18px 20px;
border: 1px solid #E3DED4;
border-radius: 12px;
background: #FFFFFF;
}
body.single-post #content .dp-oferta__grupo {
width: 100% !important;
max-width: none !important;
margin: 0 0 12px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 11.5px !important;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
color: #4A7A26 !important;
}
body.single-post #content .entry-content .dp-ofertas ul {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
body.single-post #content .entry-content .dp-ofertas ul li {
margin: 0 0 12px;
padding: 0;
}
body.single-post #content .entry-content .dp-ofertas ul li:last-child { margin-bottom: 0; }
body.single-post #content .entry-content .dp-ofertas a {
display: block;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 17px;
line-height: 1.2;
color: #2C4A26;
text-decoration: none;
}
body.single-post #content .entry-content .dp-ofertas a:hover { color: #0E5F94; }
body.single-post #content .entry-content .dp-ofertas span {
display: block;
margin-top: 3px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 14px;
color: #6B6A64;
}
@media (max-width: 780px) {
body.single-post #content .entry-content ul.dp-ofertas {
grid-template-columns: minmax(0, 1fr);
}
}
body.single-post #content .entry-content .dp-comparamapa .dp-mapa {
width: 100% !important;
max-width: 100% !important;
aspect-ratio: 4 / 3;
height: auto !important;
min-height: 0 !important;
}
body.single-post #content .entry-content .dp-comparamapa .dp-mapa__dibujo {
width: 100%;
height: 100%;
display: block;
}


/* === dopat-programas (programas.css) === */

.page-id-7385 #content {
--dp-green:      #2C4A26;
--dp-green-deep: #1F3619;
--dp-gold:       #9ACB6A;
--dp-gold-ink:   #4A7A26;
--dp-cta:        #0E5F94;
--dp-cta-h:      #1272B0;
--dp-ink:        #2C2C2C;
--dp-ink-soft:   #55534E;
--dp-sand:       #F7F5F2;
--dp-sand-deep:  #EFEAE2;
--dp-line:       #E3DED4;
--dp-r:          14px;
--dp-max:        1120px;
}
.dp-programas__filtros {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 28px;
}
.dp-filtro {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 42px;
padding: 0 18px;
border: 1px solid var(--dp-line);
border-radius: 999px;
background: #FFFFFF;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px;
font-weight: 600;
letter-spacing: .02em;
color: var(--dp-ink-soft);
cursor: pointer;
transition: border-color .16s ease, color .16s ease, background-color .16s ease;
}
.dp-filtro:hover {
border-color: var(--dp-gold-ink);
color: var(--dp-green);
}
.dp-filtro.is-current {
background: var(--dp-green);
border-color: var(--dp-green);
color: #FFFFFF;
}
.dp-filtro__n {
font-size: 11.5px;
font-weight: 700;
opacity: .6;
}
.dp-filtro:focus-visible {
outline: 3px solid var(--dp-cta);
outline-offset: 2px;
}
.dp-programas__rejilla {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 980px) {
.dp-programas__rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
.dp-programas__rejilla { grid-template-columns: 1fr; gap: 16px; }
}
.dp-programa { margin: 0; }
.dp-programa[hidden] { display: none; }
.dp-programa__caja {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
background: #FFFFFF;
border: 1px solid var(--dp-line);
border-radius: var(--dp-r);
overflow: hidden;
transition: transform .2s cubic-bezier(.2,.7,.2,1), box-shadow .2s ease, border-color .2s ease;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.dp-programa__caja:hover {
transform: translateY(-4px);
border-color: rgba(74, 122, 38, .5);
box-shadow: 0 2px 6px rgba(44, 74, 38, .06), 0 22px 40px -24px rgba(44, 74, 38, .45);
}
}
.dp-programa__titulo a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.dp-programa__foto {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--dp-sand-deep);
}
.dp-programa__foto img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(1.06) contrast(1.03);
}
@media (prefers-reduced-motion: no-preference) {
.dp-programa__foto img { transition: transform .55s cubic-bezier(.2,.6,.2,1); }
.dp-programa__caja:hover .dp-programa__foto img { transform: scale(1.045); }
}
.dp-programa__dias {
position: absolute;
left: 12px;
bottom: 12px;
z-index: 2;
display: inline-flex;
align-items: baseline;
gap: 7px;
padding: 7px 13px;
border-radius: 999px;
background: #FFFFFF;
box-shadow: 0 2px 10px rgba(15, 37, 64, .22);
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
color: #2C4A26;
max-width: calc(100% - 24px);
}
.dp-programa__dias b { font-size: 15px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; }
.dp-programa__dias i { font-style: normal; font-size: 12px; font-weight: 600; color: #55534E; }
@media (max-width: 781px) {
.dp-programa__dias b { font-size: 14.5px; }
.dp-programa__dias i { font-size: 11.5px; }
}
.dp-programa__cuerpo {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 16px 18px 16px;
}
.dp-programa__grupo {
margin: 0 0 6px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11px !important;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--dp-gold-ink);
}
.dp-programa__titulo {
margin: 0 0 6px !important;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.18;
letter-spacing: -0.01em;
min-height: 2.36em;
}
.dp-programa__titulo a {
color: var(--dp-green);
text-decoration: none;
}
.dp-programa__sub {
margin: 0 0 14px !important;
font-size: 13.5px !important;
line-height: 1.45;
color: var(--dp-ink-soft);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dp-programa__datos {
margin: 0 0 16px;
padding: 12px 0 0;
border-top: 1px solid var(--dp-line);
display: grid;
gap: 7px;
}
.dp-programa__datos div {
display: grid;
grid-template-columns: 74px minmax(0, 1fr);
align-items: baseline;
gap: 8px;
}
.dp-programa__datos dt {
margin: 0;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 10.5px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--dp-ink-soft);
}
.dp-programa__datos dd {
margin: 0;
font-size: 13.5px;
line-height: 1.35;
color: var(--dp-ink);
}
.dp-programa__pie {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin: auto 0 0 !important;
padding-top: 12px;
border-top: 1px solid var(--dp-line);
}
.dp-programa__precio {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px;
color: var(--dp-ink-soft);
}
.dp-programa__precio b {
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 19px;
font-weight: 500;
color: var(--dp-green);
}
.dp-programa__ver {
margin-left: auto;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dp-cta);
white-space: nowrap;
}
.dp-programa__ver::after {
content: " →";
}
.dp-programas__vacio {
margin: 28px 0 0;
color: var(--dp-ink-soft);
}
.dp-programas__intro {
max-width: 62ch;
margin: -14px 0 26px !important;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 16.5px !important;
line-height: 1.5;
color: var(--dp-ink-soft);
}
.dp-programas__intro[hidden] { display: none; }
.page-id-7385 #content .entry-content > .wp-block-uagb-container:first-child,
.page-id-7385 #content .uagb-block-2cec4473 {
background: var(--dp-sand) !important;
padding-top: 56px !important;
padding-bottom: 44px !important;
}
.page-id-7385 #content h1,
.page-id-7385 #content .uagb-heading-text {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: clamp(28px, 3.4vw, 44px) !important;
font-weight: 500 !important;
line-height: 1.12;
letter-spacing: -0.02em;
color: var(--dp-green) !important;
}
.page-id-7385 #content .wp-block-uagb-advanced-heading + p {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: clamp(16px, 1.15vw, 17.5px) !important;
line-height: 1.5;
color: var(--dp-ink-soft) !important;
max-width: 62ch;
}
.page-id-7385 #content .dp-tailor {
background: linear-gradient(135deg, var(--dp-green) 0%, var(--dp-green-deep) 100%);
color: #FFFFFF;
}
.page-id-7385 #content .dp-tailor > * {
max-width: var(--dp-max);
margin-left: auto;
margin-right: auto;
}
.page-id-7385 #content .dp-tailor__rotulo {
margin: 0 0 10px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11px !important;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--dp-gold) !important;
}
.page-id-7385 #content .dp-tailor h2 {
margin: 0 0 12px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: clamp(24px, 2.6vw, 34px) !important;
font-weight: 500 !important;
line-height: 1.14;
color: #FFFFFF !important;
}
.page-id-7385 #content .dp-tailor p:not(.dp-tailor__rotulo) {
margin: 0 0 22px !important;
max-width: 64ch;
font-size: 16px !important;
line-height: 1.6;
color: rgba(255, 255, 255, .92) !important;
}
.page-id-7385 #content .dp-tailor .wp-block-button__link {
background-color: transparent !important;
border: 2px solid var(--dp-gold) !important;
border-radius: 8px !important;
color: #FFFFFF !important;
min-height: 46px;
padding: 0 26px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 13.5px !important;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
transition: background-color .18s ease, color .18s ease;
}
.page-id-7385 #content .dp-tailor .wp-block-button__link:hover {
background-color: var(--dp-gold) !important;
color: var(--dp-green-deep) !important;
}
.page-id-7385 #content .uagb-block-9b0d69d2 {
background: linear-gradient(180deg, #17486A 0%, #123E56 100%) !important;
padding-top: 56px !important;
padding-bottom: 72px !important;
}
.page-id-7385 #content .uagb-block-9b0d69d2 .uagb-heading-text {
color: #FFFFFF !important;
}
.page-id-7385 #content .uagb-block-9b0d69d2 .wp-block-uagb-advanced-heading + p {
color: rgba(255, 255, 255, .92) !important;
}
.page-id-7385 #content .uagb-block-9b0d69d2 .wpcf7 {
max-width: 760px;
margin: 26px auto 0;
background: #FFFFFF;
border-radius: 20px;
padding: 22px 26px 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, .10), 0 30px 60px -30px rgba(0, 0, 0, .55);
}
.page-id-7385 #content .dp-booking label {
color: var(--dp-ink) !important;
font-weight: 600;
margin-bottom: 4px !important;
}
.page-id-7385 #content .dp-booking label span {
color: var(--dp-ink-soft) !important;
font-weight: 400;
}
.page-id-7385 #content .dp-booking .form-note {
color: var(--dp-ink-soft) !important;
}
.page-id-7385 #content .dp-booking input,
.page-id-7385 #content .dp-booking select,
.page-id-7385 #content .dp-booking textarea {
background-color: #FAF9F7 !important;
border: 1px solid var(--dp-line) !important;
border-radius: 10px !important;
height: 46px !important;
font-size: 16px !important;
}
.page-id-7385 #content .dp-booking textarea {
height: auto !important;
min-height: 84px !important;
}
.page-id-7385 #content .dp-booking input:focus,
.page-id-7385 #content .dp-booking select:focus,
.page-id-7385 #content .dp-booking textarea:focus {
background-color: #FFFFFF !important;
border-color: var(--dp-cta) !important;
box-shadow: 0 0 0 3px rgba(14, 95, 148, .16) !important;
}
.page-id-7385 #content .dp-booking .form-inner {
margin-bottom: 10px !important;
max-width: none !important;
}
.page-id-7385 #content .wpcf7 p,
.page-id-7385 #content .dp-booking p {
max-width: none !important;
}
.page-id-7385 #content .dp-booking button[type="submit"] {
width: 100% !important;
min-height: 48px;
border-radius: 10px !important;
background-color: var(--dp-cta) !important;
color: #FFFFFF !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 13.5px !important;
letter-spacing: .05em;
}
.page-id-7385 #content .dp-booking button[type="submit"]:hover {
background-color: var(--dp-cta-h) !important;
transform: translateY(-2px);
box-shadow: 0 10px 22px -10px rgba(14, 95, 148, .75);
}
.page-id-7385 #content .dp-booking .wpcf7-turnstile {
min-height: 0 !important;
margin: 8px 0;
}
.page-id-7385 #content .uagb-block-9b0d69d2 {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.page-id-7385 #content .uagb-block-9b0d69d2 > .uagb-container-inner-blocks-wrap {
max-width: var(--dp-max);
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.dp-filtro.is-current {
background: var(--dp-cta);
border-color: var(--dp-cta);
color: #FFFFFF;
box-shadow: 0 6px 14px -8px rgba(14, 95, 148, .9);
}
.dp-filtro:hover {
border-color: var(--dp-cta);
color: var(--dp-cta);
}
.dp-filtro.is-current:hover {
background: var(--dp-cta-h);
border-color: var(--dp-cta-h);
color: #FFFFFF;
}
.dp-medida {
background: linear-gradient(150deg, var(--dp-green) 0%, var(--dp-green-deep) 100%);
border-color: transparent;
color: #FFFFFF;
min-height: 260px;
}
.dp-medida .dp-programa__cuerpo {
justify-content: center;
padding: 26px 22px;
}
.dp-medida .dp-programa__grupo {
color: var(--dp-gold) !important;
}
.dp-medida .dp-programa__titulo a {
color: #FFFFFF;
}
.dp-medida__texto {
margin: 0 0 18px !important;
font-size: 13.5px !important;
line-height: 1.5;
color: rgba(255, 255, 255, .9);
}
.dp-medida .dp-programa__pie {
border-top-color: rgba(255, 255, 255, .22);
padding-top: 14px;
}
.dp-medida .dp-programa__ver {
color: var(--dp-gold);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.dp-medida:hover {
border-color: var(--dp-gold);
}
}
.page-id-7385 #content .uagb-block-2cec4473 .uagb-container-inner-blocks-wrap {
align-items: flex-start !important;
max-width: var(--dp-max);
margin-left: auto;
margin-right: auto;
}
.page-id-7385 #content .wp-block-uagb-advanced-heading + p {
margin-left: 0 !important;
padding-left: 0 !important;
}
.page-id-7385 #content .dp-programas {
max-width: var(--dp-max);
margin-left: auto;
margin-right: auto;
}
.page-id-7385 #content .uagb-block-9b0d69d2 {
padding-top: 44px !important;
padding-bottom: 52px !important;
}
.page-id-7385 #content .uagb-block-9b0d69d2 .uagb-heading-text {
font-size: clamp(22px, 2.2vw, 28px) !important;
}
.page-id-7385 #content .uagb-block-9b0d69d2 .wp-block-uagb-advanced-heading + p {
font-size: 14.5px !important;
max-width: 52ch;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
.page-id-7385 #content .uagb-block-9b0d69d2 .wpcf7 {
max-width: 620px;
margin-top: 20px;
padding: 18px 20px 16px;
border-radius: 16px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .08), 0 20px 44px -26px rgba(0, 0, 0, .5);
}
.page-id-7385 #content .dp-booking label {
font-size: 12.5px !important;
margin-bottom: 3px !important;
}
.page-id-7385 #content .dp-booking input,
.page-id-7385 #content .dp-booking select {
height: 42px !important;
padding: 6px 11px !important;
border-radius: 9px !important;
}
.page-id-7385 #content .dp-booking textarea {
height: 76px !important;
min-height: 0 !important;
padding: 9px 11px !important;
border-radius: 9px !important;
}
.page-id-7385 #content .dp-booking .form-inner {
margin-bottom: 8px !important;
}
.page-id-7385 #content .dp-booking button[type="submit"] {
min-height: 44px;
border-radius: 9px !important;
margin-top: 4px;
}
.page-id-7385 #content .dp-booking .form-note {
font-size: 12.5px !important;
margin-top: 10px;
}
@media (max-width: 781px) {
.page-id-7385 #content .uagb-block-9b0d69d2 .wpcf7 {
padding: 16px 14px 14px;
}
}
.dp-medida .dp-programa__ver::after {
content: "";
}
.dp-medida .dp-programa__ver {
display: inline-flex;
align-items: center;
gap: 10px;
}
.dp-medida .dp-programa__ver::before {
content: "↓";
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border: 1px solid var(--dp-gold);
border-radius: 50%;
font-size: 14px;
line-height: 1;
}
@media (prefers-reduced-motion: no-preference) {
.dp-medida .dp-programa__ver::before {
animation: dp-abajo 2.6s ease-in-out infinite;
}
}
@keyframes dp-abajo {
0%, 100% { transform: translateY(0); }
50%      { transform: translateY(3px); }
}
.dp-programa__titulo {
font-size: 18.5px !important;
}
.dp-programa__grupo,
.dp-programa__dias,
.dp-programa__datos dt,
.dp-programa__ver {
font-size: 11.5px !important;
}
.dp-programa__sub,
.dp-programa__datos dd,
.dp-programa__precio,
.dp-medida__texto {
font-size: 13.5px !important;
}
.dp-programa__precio b {
font-size: 18.5px !important;
}
.dp-programa__sello {
position: absolute;
left: 10px;
top: 10px;
z-index: 2;
display: inline-block;
background: #2C4A26;
color: #FFFFFF;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
line-height: 1;
padding: 7px 11px;
border-radius: 999px;
box-shadow: 0 2px 8px rgba(15, 37, 64, .28);
}
.dp-programa--recomendado .dp-programa__caja {
border-color: #9ACB6A;
box-shadow: 0 6px 22px rgba(44, 74, 38, .13);
}
@media (max-width: 781px) {
.dp-programa__sello { font-size: 10.5px; padding: 6px 10px; left: 8px; top: 8px; }
}
@media (max-width: 781px) {
.dp-programa__foto { aspect-ratio: 16 / 9; }
.dp-programa__cuerpo { padding: 13px 16px 14px; }
.dp-programa__grupo { margin-bottom: 4px !important; }
.dp-programa__titulo { margin-bottom: 5px !important; }
.dp-programa__datos { margin-bottom: 12px !important; }
}
.dp-programas { padding-top: 46px; padding-bottom: 54px; }
@media (max-width: 781px) {
.dp-programas { padding-top: 30px; padding-bottom: 34px; }
}
.dp-programa__precio {
font-size: 11.5px !important;
}
.dp-programa__precio {
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.dp-programa__pie {
flex-wrap: wrap;
gap: 6px 6px !important;
}
.dp-programa__cabeza {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 10px;
margin-bottom: 9px;
}
.dp-programa__cabeza .dp-programa__grupo {
margin: 0 !important;
}
.dp-programa__datos {
display: flex !important;
flex-wrap: wrap;
gap: 6px !important;
margin: 0 !important;
padding: 0;
border-top: 0;
}
.dp-programa__datos div {
display: inline-flex;
grid-template-columns: none;
align-items: center;
gap: 0;
padding: 5px 11px;
border: 1px solid var(--dp-line);
border-radius: 999px;
background: #FAF9F7;
}
.dp-programa__datos dt {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
.dp-programa__datos dd {
font-size: 11.5px !important;
line-height: 1.3;
}
html .dp-programas__mas {
margin: 26px 0 0 !important;
text-align: center;
}
html .dp-programas__masboton {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 46px;
padding: 0 26px;
border: 1.5px solid #0E5F94;
border-radius: 999px;
background: transparent;
color: #0E5F94 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13px !important;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none !important;
}
html .dp-programas__masboton::after {
content: "\2192";
font-size: 15px;
line-height: 1;
}
html .dp-programas__masboton:hover,
html .dp-programas__masboton:focus-visible {
background: #0E5F94;
color: #FFFFFF !important;
}
body.home #content .entry-content .dp-programas--destacados .dp-programas__titulo {
margin: 0 auto 10px !important;
max-width: 20ch;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(30px, 4.4vw, 50px) !important;
line-height: 1.04 !important;
letter-spacing: -.02em;
color: var(--dp-green, #2C4A26) !important;
text-align: center;
text-wrap: balance;
}
body.home #content .entry-content .dp-programas--destacados .dp-programas__titulo em {
font-style: italic;
font-weight: 400;
color: var(--dp-gold-ink, #4A7A26);
}
body.home #content .entry-content .dp-programas--destacados .dp-programas__bajada {
margin: 0 auto 30px !important;
max-width: 56ch;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 16px !important;
line-height: 1.55;
color: var(--dp-ink-soft, #6B6A64) !important;
text-align: center;
text-wrap: pretty;
}
@media (max-width: 781px) {
body.home #content .entry-content .dp-programas--destacados .dp-programas__titulo {
max-width: 16ch;
font-size: clamp(28px, 8.6vw, 38px) !important;
}
body.home #content .entry-content .dp-programas--destacados .dp-programas__bajada {
margin-bottom: 24px !important;
font-size: 15px !important;
}
}


/* === dopat-cabecera-pie (cabecera-pie.css) === */

.ast-desktop .dp-cab__fechas {
display: inline-block;
margin-right: 16px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: #4A7A26;
white-space: nowrap;
}
@media (max-width: 1100px) {
.ast-desktop .dp-cab__fechas { display: none; }
}
.dp-cab__contacto {
display: grid;
gap: 8px;
padding: 16px 20px 18px;
background: #10384F;
border-top: 1px solid rgba(255, 255, 255, .16);
}
.dp-cab__contacto a {
font-size: 15px;
font-weight: 600;
color: #F1F4F7;
text-decoration: none;
}
.dp-cab__fechas-movil {
display: block;
padding: 4px 0 2px;
font-size: 12px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: #9ACB6A;
}
.dp-cab__contacto a:hover,
.dp-cab__contacto a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.ast-desktop .dp-cab__contacto { display: none; }
#ast-mobile-header .ast-mobile-header-content {
background: #10384F !important;
padding-bottom: 0 !important;
}
#ast-mobile-header .ast-mobile-header-content .ast-header-html-2,
#ast-mobile-header .ast-mobile-header-content .ast-builder-html-element {
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
#ast-mobile-header .dp-cab__contacto a {
display: block;
padding: 6px 0;
}
.ast-desktop .main-header-menu > .dp-mega > .sub-menu::before,
.ast-desktop .main-header-menu > .dp-mega > .sub-menu::after {
display: none !important;
content: none !important;
}
@media (min-width: 922px) {
.ast-desktop .ast-below-header-wrap .site-below-header-wrap,
.ast-desktop .ast-primary-header-bar .site-primary-header-wrap {
position: relative !important;
}
.ast-desktop .ast-builder-grid-row,
.ast-desktop .site-header-below-section-center,
.ast-desktop .site-header-primary-section-center,
.ast-desktop .ast-builder-menu,
.ast-desktop .ast-builder-menu-1,
.ast-desktop .main-header-bar-navigation,
.ast-desktop .main-header-menu,
.ast-desktop .main-header-menu > .menu-item.dp-mega {
position: static !important;
}
.ast-desktop .main-header-menu > .menu-item.dp-mega > .sub-menu {
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 100% !important;
width: auto !important;
min-width: 0 !important;
display: none !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start !important;
gap: 6px 40px;
margin: 0 !important;
padding: 26px 36px 22px !important;
background: #FFFFFF !important;
border: 0 !important;
border-top: 1px solid #E3DED4 !important;
border-radius: 0 0 12px 12px;
box-shadow: 0 22px 44px -22px rgba(20, 30, 20, .35) !important;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.ast-desktop .main-header-menu > .menu-item.dp-mega.dp-mega--abierto > .sub-menu {
display: grid !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
animation: dp-mega-entra .18s ease;
}
@keyframes dp-mega-entra { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.ast-desktop .main-header-menu > .menu-item.dp-mega:not(.dp-mega--abierto):hover > .sub-menu,
.ast-desktop .main-header-menu > .menu-item.dp-mega:not(.dp-mega--abierto).focus > .sub-menu,
.ast-desktop .main-header-menu > .menu-item.dp-mega:not(.dp-mega--abierto).ast-menu-hover > .sub-menu {
display: none !important;
}
.ast-desktop .main-header-menu > .menu-item.dp-mega > .menu-link { position: relative; }
.ast-desktop .main-header-menu .dp-mega .sub-menu .menu-link,
.ast-desktop .main-header-menu .dp-mega .sub-menu .menu-item:hover > .menu-link {
background-color: transparent !important;
background: transparent !important;
color: #1F2A1C !important;
border: 0 !important;
}
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__familia {
position: static !important;
align-self: start !important;
top: auto !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
}
.ast-desktop .main-header-menu .dp-mega .sub-menu .menu-link .ast-icon,
.ast-desktop .main-header-menu .dp-mega .sub-menu .menu-link .dropdown-menu-toggle,
.ast-desktop .main-header-menu .dp-mega .sub-menu .ast-menu-toggle {
display: none !important;
}
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__familia > .menu-link,
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__familia:hover > .menu-link {
display: block !important;
padding: 0 0 8px !important;
margin: 0 0 6px !important;
border-bottom: 1px solid #E3DED4 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 11.5px !important;
font-weight: 600 !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
color: #4A7A26 !important;
line-height: 1.4 !important;
white-space: nowrap;
}
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__familia > .ast-menu-toggle { display: none !important; }
.ast-desktop .main-header-menu .dp-mega > .sub-menu .sub-menu {
position: static !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
left: auto !important;
top: auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.ast-desktop .main-header-menu .dp-mega .dp-mega__programa {
margin: 0 !important;
padding: 0 !important;
}
.ast-desktop .main-header-menu .dp-mega .dp-mega__programa > .menu-link {
display: flex !important;
flex-direction: column;
gap: 1px;
padding: 7px 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-transform: none !important;
line-height: 1.3 !important;
white-space: normal;
}
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__programa > .menu-link {
margin: 0 -10px !important;
padding: 7px 10px !important;
border-radius: 8px;
transition: background-color .15s ease, color .15s ease;
}
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__programa:hover > .menu-link:hover,
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__programa:hover > .menu-link,
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__programa > .menu-link:focus-visible {
background-color: #EFEAE2 !important;
background: #EFEAE2 !important;
color: #0E5F94 !important;
}
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__programa:hover > .menu-link::after {
content: "\2192";
position: absolute;
right: 12px;
top: 9px;
font-size: 14px;
color: #0E5F94;
}
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__programa > .menu-link { position: relative; }
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__programa:hover .dp-mega__meta { color: #4A7A26; }
.ast-desktop .main-header-menu .dp-mega .sub-menu .dp-mega__enlace:hover > .menu-link {
text-decoration: underline !important;
text-underline-offset: 4px;
}
.ast-desktop .main-header-menu .dp-mega .dp-mega__meta {
font-size: 12.5px;
font-weight: 400;
letter-spacing: 0;
color: #6B6A64; 
}
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__enlace {
grid-column: 1 / -1;
margin: 10px 0 0 !important;
padding: 14px 0 0 !important;
border-top: 1px solid #E3DED4 !important;
}
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__enlace + .dp-mega__enlace {
margin-top: -8px !important;
padding-top: 0 !important;
border-top: 0 !important;
}
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__enlace > .menu-link,
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__enlace:hover > .menu-link {
display: inline-block !important;
padding: 4px 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
text-transform: none !important;
color: #0E5F94 !important;
}
.ast-desktop .main-header-menu .dp-mega > .sub-menu > .dp-mega__enlace--todos > .menu-link::after {
content: " \2192";
}
}
@media (min-width: 922px) {
.ast-desktop .main-header-menu > .menu-item > .menu-link {
position: relative;
}
.ast-desktop .main-header-menu > .menu-item > .menu-link::before {
content: "";
position: absolute;
left: 1em;
right: 1em;
bottom: .55em;
height: 2px;
border-radius: 2px;
background: #4A7A26;
transform: scaleX(0);
transform-origin: left;
transition: transform .22s ease;
}
.ast-desktop .main-header-menu > .menu-item:hover > .menu-link::before,
.ast-desktop .main-header-menu > .menu-item.focus > .menu-link::before,
.ast-desktop .main-header-menu > .menu-item.current-menu-item > .menu-link::before {
transform: scaleX(1);
}
.ast-desktop .main-header-menu > .menu-item:hover > .menu-link {
color: #2C4A26 !important;
}
}
.ast-header-break-point .dp-mega .sub-menu .sub-menu {
display: block !important;
}
.ast-header-break-point .dp-mega__familia > .ast-menu-toggle {
display: none !important;
}
.ast-header-break-point .dp-mega__familia--corta > .menu-link {
font-weight: 600 !important;
}
.ast-header-break-point .dp-mega__programa > .menu-link {
display: block !important;
padding: 9px 20px 9px 32px !important;
line-height: 1.3 !important;
}
.ast-header-break-point .dp-mega__meta {
display: block;
margin-top: 2px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
opacity: .72;
}
.ast-header-break-point .dp-mega__enlace > a {
font-weight: 700 !important;
}
#colophon.dp-pie {
background: #F3F0EA !important;
color: #3A3A34;
padding: 48px 20px 20px;
margin: 0;
border-top: 1px solid #E3DED4;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
}
.dp-pie__interior {
max-width: 1200px;
margin: 0 auto;
}
.dp-pie__cols {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 32px;
align-items: start;
}
.dp-pie__logo {
display: inline-block;
line-height: 0;
}
.dp-pie__logo img {
display: block;
width: auto;
height: 42px;
}
.dp-pie__logo--texto {
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 25px;
font-weight: 500;
letter-spacing: -.01em;
line-height: 1.1;
color: #2C4A26;
text-decoration: none;
}
.dp-pie__logo--texto:hover,
.dp-pie__logo--texto:focus-visible { color: #1F3619; text-decoration: none; }
.dp-pie__claim {
margin: 12px 0 14px !important;
max-width: 30ch;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: 17.5px !important;
font-weight: 400;
line-height: 1.4 !important;
color: #2A3A28 !important;
}
.dp-pie__redes {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.dp-pie__redes li { margin: 0; }
.dp-pie__redes a {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13.5px;
font-weight: 600;
color: #2C4A26;
text-decoration: none;
}
.dp-pie__redes svg { width: 18px; height: 18px; fill: currentColor; }
.dp-pie__redes a:hover,
.dp-pie__redes a:focus-visible { color: #0E5F94; text-decoration: underline; text-underline-offset: 3px; }
#colophon .dp-pie__titulo {
margin: 0 0 10px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 11.5px !important;
font-weight: 600 !important;
line-height: 1.2;
letter-spacing: .14em;
text-transform: uppercase;
color: #3F6A20 !important; 
}
.dp-pie__col ul {
list-style: none;
margin: 0 !important;
padding: 0 !important;
display: grid;
gap: 6px;
}
.dp-pie__col li {
margin: 0;
font-size: 15px;
line-height: 1.45;
color: #3A3A34;
}
.dp-pie__col a {
color: #2A3A28;
text-decoration: none;
}
.dp-pie__col a:hover,
.dp-pie__col a:focus-visible {
color: #0E5F94;
text-decoration: underline;
text-underline-offset: 3px;
}
.dp-pie__sellos {
margin-top: 30px;
padding-top: 0;
border-top: 0;
}
.dp-pie__sellos .dp-confianza--claro {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.dp-pie__fin {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 6px 20px;
margin-top: 26px;
padding-top: 0;
border-top: 0;
font-size: 13px;
color: #6B6A64;
}
@media (max-width: 900px) {
.dp-pie__cols { grid-template-columns: 1fr 1fr; gap: 26px 24px; }
.dp-pie__marca { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
#colophon.dp-pie { padding: 26px 20px 14px; }
.dp-pie__cols { grid-template-columns: 1fr 1fr; gap: 18px; }
.dp-pie__col[aria-label="Programs"] { display: none; }
.dp-pie__logo--texto { font-size: 21px; }
.dp-pie__logo img { height: 34px; }
.dp-pie__claim {
font-size: 15px !important;
line-height: 1.35 !important;
margin: 6px 0 12px !important;
max-width: 34ch;
}
.dp-pie__redes { gap: 14px; margin-bottom: 4px; }
.dp-pie__redes a { padding: 4px; }
.dp-pie__redes a span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.dp-pie__redes svg { width: 20px; height: 20px; }
#colophon .dp-pie__titulo { font-size: 10.5px; margin-bottom: 7px; }
.dp-pie__col li { font-size: 14px; line-height: 1.4; }
.dp-pie__col ul { gap: 4px; }
.dp-pie__solo-grande { display: none !important; }
.dp-pie__sellos { margin-top: 20px; padding-top: 0; }
.dp-pie__fin { margin-top: 20px; padding-top: 0; font-size: 12px; }
}


/* === dopat-mapa (mapa.css) === */

.dp-carta {
--dp-carta-verde: #2C4A26;
--dp-carta-acento: #4A7A26;
--dp-carta-tinta: #55534E;
--dp-carta-linea: #E3DED4;
width: min(1120px, calc(100% - 2.5rem));
margin-inline: auto;
padding-block: clamp(3rem, 6vw, 5rem);
}
.dp-carta__cab {
max-width: 62ch;
margin-bottom: clamp(2rem, 4vw, 3.2rem);
}
body #content .dp-carta .dp-carta__titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
margin: 0 0 0.6rem !important;
font-size: clamp(26px, 3.1vw, 40px) !important;
line-height: 1.14 !important;
color: var(--dp-carta-verde) !important;
}
body #content .dp-carta .dp-carta__bajada {
margin: 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 16px !important;
line-height: 1.6 !important;
color: var(--dp-carta-tinta) !important;
max-width: 56ch;
}
.dp-carta__cuerpo {
display: grid;
grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr);
gap: clamp(1.6rem, 3vw, 2.6rem) clamp(2rem, 4vw, 3.5rem);
align-items: start;
}
.dp-carta__lienzo {
position: relative;
}
.dp-carta__indice {
display: flex;
flex-direction: column;
max-width: 30rem;
margin-bottom: clamp(1.8rem, 3.5vw, 2.6rem);
}
body #content .dp-carta .dp-carta__nombre {
appearance: none;
display: grid;
grid-template-columns: auto minmax(1.5rem, 1fr) auto;
align-items: center;
gap: 0.9rem;
width: 100%;
padding: clamp(0.55rem, 1.2vw, 0.85rem) 0;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
cursor: pointer;
text-align: left;
color: var(--dp-carta-tinta) !important;
transition: color 0.3s ease;
}
.dp-carta__n {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
font-variant-numeric: tabular-nums;
color: #7E766A;
transition: color 0.3s ease;
}
.dp-carta__regla {
display: block;
height: 1px;
background: var(--dp-carta-linea);
transform: scaleX(0.34);
transform-origin: left center;
transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), background-color 0.3s ease;
}
body #content .dp-carta .dp-carta__etiq {
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: clamp(17px, 1.45vw, 21px);
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.01em;
white-space: nowrap;
}
body #content .dp-carta .dp-carta__nombre:hover .dp-carta__regla {
transform: scaleX(0.62);
}
body #content .dp-carta .dp-carta__nombre.es-activo {
color: var(--dp-carta-verde) !important;
}
body #content .dp-carta .dp-carta__nombre.es-activo .dp-carta__n {
color: var(--dp-carta-acento);
}
body #content .dp-carta .dp-carta__nombre.es-activo .dp-carta__regla {
transform: scaleX(1);
background: var(--dp-carta-acento);
}
body #content .dp-carta .dp-carta__nombre.es-activo .dp-carta__etiq {
font-weight: 600;
}
body #content .dp-carta .dp-carta__nombre:focus-visible {
outline: 2px solid var(--dp-carta-verde);
outline-offset: 3px;
}
.dp-carta__notas {
position: absolute;
left: 4%;
bottom: 0;
width: clamp(150px, 28%, 190px);
display: grid;
}
.dp-carta__nota {
grid-area: 1 / 1;
margin: 0;
transition: opacity 0.35s ease;
}
.dp-carta--vivo .dp-carta__nota[hidden] {
display: block;
opacity: 0;
pointer-events: none;
}
.dp-carta__foto {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
border-radius: 2px;
}
.dp-carta__pie {
margin-top: 0.7rem;
}
.dp-carta__nota-lugar,
.dp-carta__nota-coords {
display: none;
}
body.home #content .dp-carta p.dp-carta__nota-texto {
margin: 0 0 0.55rem !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px !important;
line-height: 1.5 !important;
color: var(--dp-carta-tinta) !important;
}
body #content .dp-carta a.dp-carta__nota-todos {
display: inline-block;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px !important;
font-weight: 600;
letter-spacing: 0.02em;
color: var(--dp-carta-verde) !important;
text-decoration: none;
border-bottom: 1px solid rgba(44, 74, 38, 0.32);
padding-bottom: 1px;
transition: border-color 0.2s ease;
}
body #content .dp-carta a.dp-carta__nota-todos:hover,
body #content .dp-carta a.dp-carta__nota-todos:focus-visible {
border-bottom-color: var(--dp-carta-verde);
}
body #content .dp-carta .dp-carta__nota a:focus-visible {
outline: 2px solid var(--dp-carta-verde);
outline-offset: 3px;
}
.dp-carta__dibujo {
margin-bottom: 0;
}
.dp-carta__dibujo svg {
display: block;
width: 100%;
height: auto;
max-height: 72vh;
margin-inline: auto;
}
.dp-carta__atlas {
fill: #EDE8E0;
stroke: #DAD3C7;
stroke-width: 1;
stroke-linejoin: round;
}
.dp-carta__atlas path {
vector-effect: non-scaling-stroke;
}
.dp-atlas__mundo {
transform-box: view-box;
transform-origin: 0 0;
transform: translate(0, 0) scale(1);
transition: transform 640ms cubic-bezier(0.32, 0.72, 0.2, 1);
}
.dp-carta--austral .dp-atlas__mundo {
transform: translate(var(--dp-atlas-x), var(--dp-atlas-y)) scale(var(--dp-atlas-k));
}
.dp-atlas__austral {
opacity: 0;
transition: opacity 300ms ease;
}
.dp-carta--austral .dp-atlas__austral {
opacity: 1;
}
.dp-carta--austral .dp-atlas__continente {
opacity: 0;
transition: opacity 200ms ease 340ms;
}
.dp-atlas__foco {
fill: #E2DACA;
stroke: #CFC5B1;
}
.dp-atlas__marco {
fill: none;
stroke: var(--dp-carta-acento);
stroke-width: 1;
vector-effect: non-scaling-stroke;
opacity: 0.38;
}
.dp-atlas__zona {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 19px;
letter-spacing: 0.16em;
text-transform: uppercase;
fill: #9A9285;
}
.dp-atlas__foco,
.dp-atlas__marco,
.dp-atlas__zona {
transition: opacity 220ms ease;
}
.dp-carta--austral .dp-atlas__foco,
.dp-carta--austral .dp-atlas__marco,
.dp-carta--austral .dp-atlas__zona {
opacity: 0;
}
.dp-carta__puntos,
.dp-carta__paises {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 300ms ease, visibility 0s linear 300ms;
}
.dp-carta--austral .dp-carta__puntos,
.dp-carta--austral .dp-carta__paises {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 300ms ease 400ms, visibility 0s linear 400ms;
}
.dp-carta__paises text {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 22px;
letter-spacing: 0.24em;
text-transform: uppercase;
fill: #BDB5A8;
}
.dp-carta__rotulo {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 19px;
letter-spacing: 0.06em;
text-transform: uppercase;
fill: var(--dp-carta-verde);
opacity: 0;
transition: opacity 0.35s ease;
}
.dp-carta__punto--izq .dp-carta__rotulo,
.dp-carta__punto--izq .dp-carta__coordenada {
text-anchor: end;
transform: translateX(-30px);
}
.dp-carta__punto--der .dp-carta__rotulo,
.dp-carta__punto--der .dp-carta__coordenada {
text-anchor: start;
transform: translateX(30px);
}
.dp-carta__coordenada {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 15px;
letter-spacing: 0.08em;
font-variant-numeric: tabular-nums;
fill: var(--dp-carta-acento);
opacity: 0;
transition: opacity 0.35s ease;
}
.dp-carta__punto.es-activo .dp-carta__rotulo,
.dp-carta__punto.es-activo .dp-carta__coordenada {
opacity: 1;
}
a.dp-carta__punto {
cursor: pointer;
}
a.dp-carta__punto:focus-visible {
outline: 2px solid var(--dp-carta-verde);
outline-offset: 2px;
}
a.dp-carta__punto:hover .dp-carta__nucleo {
fill: var(--dp-carta-acento);
}
.dp-carta__nucleo {
fill: #C6BFB2;
transition: fill 0.3s ease, r 0.3s ease;
}
.dp-carta__halo {
fill: none;
stroke: var(--dp-carta-acento);
stroke-width: 1.2;
vector-effect: non-scaling-stroke;
opacity: 0;
transform-box: fill-box;
transform-origin: center;
transform: scale(0.55);
transition: opacity 0.35s ease, transform 0.35s ease;
}
.dp-carta__punto.es-activo .dp-carta__nucleo {
fill: var(--dp-carta-acento);
r: 8.5;
}
.dp-carta__punto.es-activo .dp-carta__halo {
opacity: 1;
transform: scale(1);
}
@media (min-width: 861px) and (max-width: 1080px) {
.dp-carta__dibujo svg {
max-height: 62vh;
}
}
@media (max-width: 860px) {
.dp-carta__cuerpo {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto;
gap: clamp(1.4rem, 4.5vw, 2rem);
}
.dp-carta__indice,
.dp-carta__lienzo {
grid-column: 1;
grid-row: auto;
}
.dp-carta__indice { order: 1; }
.dp-carta__lienzo { order: 2; }
.dp-carta__rotulo,
.dp-carta__coordenada {
display: block;
}
.dp-carta__punto--izq .dp-carta__rotulo,
.dp-carta__punto--der .dp-carta__rotulo {
text-anchor: middle;
transform: translateY(-43px);
}
.dp-carta__punto--izq .dp-carta__coordenada,
.dp-carta__punto--der .dp-carta__coordenada {
text-anchor: middle;
transform: translateY(-38px);
}
.dp-carta__rotulo {
font-size: 29px;   
}
.dp-carta__coordenada {
font-size: 23px;   
}
.dp-carta__nucleo {
r: 8;
}
.dp-carta__punto.es-activo .dp-carta__nucleo {
r: 11;
}
.dp-carta__halo {
r: 26;
}
.dp-carta__nota-lugar,
.dp-carta__nota-coords {
display: none;
}
body.home #content .dp-carta p.dp-carta__nota-texto {
font-size: 13px !important;
margin-bottom: 0.5rem !important;
}
body #content .dp-carta a.dp-carta__nota-todos {
display: flex;
align-items: center;
min-height: 44px;
font-size: 13.5px !important;
}
}
@media (max-width: 860px) {
.dp-carta__notas {
left: 0;
right: 0;
bottom: 0;
width: auto;
align-items: end;
}
.dp-carta__nota[hidden] {
display: none;
}
.dp-carta--vivo .dp-carta__nota[hidden] {
display: grid;
opacity: 0;
}
.dp-carta__nota {
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
gap: 9px;
align-items: center;
align-self: end;
padding: 6px;
background: rgba(247, 245, 242, 0.95);
border-radius: 3px;
box-shadow: 0 4px 16px rgba(31, 42, 28, 0.12);
}
.dp-carta__foto {
aspect-ratio: 4 / 3;
border: 0;
box-shadow: none;
border-radius: 2px;
}
.dp-carta__pie {
margin-top: 0;
padding: 0;
background: none;
}
body.home #content .dp-carta p.dp-carta__nota-texto {
font-size: 12.5px !important;
line-height: 1.4;
margin-bottom: 0.35rem !important;
}
body #content .dp-carta a.dp-carta__nota-todos {
min-height: 34px;
font-size: 12.5px !important;
}
.dp-carta__dibujo svg {
max-height: 62vh;
}
.dp-carta__indice {
gap: 0;
position: sticky;
top: 0;
z-index: 3;
max-width: none;
margin-bottom: 0;
padding-bottom: 0.3rem;
background: #fff;
border-bottom: 1px solid var(--dp-carta-linea);
}
.dp-carta__indice {
display: flex;
flex-direction: column;
}
.dp-carta__indice .dp-carta__n {
flex: 0 0 auto;
}
body #content .dp-carta .dp-carta__etiq {
min-width: 0;
overflow-wrap: break-word;
}
body #content .dp-carta .dp-carta__nombre {
min-height: 34px;
padding-block: 0.15rem;
gap: 0.6rem;
}
body #content .dp-carta .dp-carta__etiq {
font-size: 15px;
}
.dp-carta__n {
font-size: 11px;
}
.dp-carta__lienzo {
margin-top: 0.8rem;
}
}
@media (prefers-reduced-motion: reduce) {
body #content .dp-carta .dp-carta__nombre,
.dp-carta__rotulo,
.dp-carta__nucleo,
.dp-carta__halo,
.dp-carta--vivo .dp-carta__nota,
.dp-carta__coordenada,
.dp-atlas__mundo,
.dp-atlas__austral,
.dp-atlas__continente,
.dp-atlas__foco,
.dp-atlas__marco,
.dp-atlas__zona,
.dp-carta__puntos,
.dp-carta__paises {
transition: none !important;
}
}
.dp-carta__punto:not(.es-activo) .dp-carta__nucleo {
opacity: 0.4;
}
.dp-carta__punto:not(.es-activo):hover .dp-carta__nucleo,
.dp-carta__punto:not(.es-activo):focus-visible .dp-carta__nucleo {
opacity: 1;
}
.dp-carta__punto.es-activo .dp-carta__nucleo {
stroke: #FFFFFF;
stroke-width: 2.5;
paint-order: stroke;
}
@media (max-width: 860px) {
.dp-carta__punto.es-activo .dp-carta__nucleo {
r: 15;
stroke-width: 3;
}
.dp-carta__punto:not(.es-activo) .dp-carta__nucleo {
opacity: 0.3;
}
.dp-carta__punto.es-activo .dp-carta__halo {
animation: dp-carta-aviso 0.85s ease-out 1;
}
@keyframes dp-carta-aviso {
0%   { transform: scale(0.55); opacity: 1; }
55%  { transform: scale(1.5);  opacity: 0.55; }
100% { transform: scale(1);    opacity: 1; }
}
.dp-carta__punto.es-activo .dp-carta__halo {
stroke-width: 1.8;
}
.dp-carta__foto {
border: 1px solid var(--dp-line, #E3DED4);
box-shadow: 0 6px 18px rgba(31, 42, 28, 0.13);
}
.dp-carta__nota {
align-self: start;
}
.dp-carta__pie {
padding: 0.55rem 0.7rem 0.7rem;
background: var(--dp-arena, #F7F5F2);
border-radius: 0 0 3px 3px;
}
body #content .dp-carta a.dp-carta__nota-todos {
width: fit-content;
border-bottom: 0;
padding-bottom: 0;
text-decoration: underline;
text-decoration-color: rgba(44, 74, 38, 0.4);
text-underline-offset: 3px;
}
}
@media (prefers-reduced-motion: reduce) {
.dp-carta__punto.es-activo .dp-carta__halo {
animation: none;
}
}


/* === dopat-segmentos (segmentos.css) === */

.dp-segmentos {
--dp-sg-verde: #2C4A26;
--dp-sg-claro: #4A7A26;
--dp-sg-ink:   #2C2C2C;
--dp-sg-suave: #55534E;
--dp-sg-linea: #E3DED4;
--dp-sg-arena: #F7F5F2;
--dp-sg-cta:   #0E5F94;
max-width: 1120px;
margin: 0 auto;
}
.dp-segmentos__cab { margin: 0 0 22px; }
.dp-segmentos .dp-segmentos__titulo {
margin: 0 0 8px !important;
font-family: 'Fraunces', Lora, Georgia, serif;
font-weight: 500;
font-size: clamp(26px, 3.1vw, 38px) !important;
line-height: 1.14;
letter-spacing: -.02em;
color: var(--dp-sg-verde) !important;
}
.dp-segmentos .dp-segmentos__bajada {
margin: 0 !important;
max-width: 60ch;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 16px !important;
line-height: 1.5;
color: var(--dp-sg-suave) !important;
}
.dp-segmentos__pestanas {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 20px;
}
.dp-segmentos .dp-segmentos__pestana {
min-height: 44px;
padding: 0 20px;
border: 1px solid var(--dp-sg-linea);
border-radius: 999px;
background: #FFFFFF;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
color: var(--dp-sg-ink);
cursor: pointer;
transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
.dp-segmentos .dp-segmentos__pestana:hover {
border-color: var(--dp-sg-verde);
background: var(--dp-sg-arena);
}
.dp-segmentos .dp-segmentos__pestana.es-activa {
background: var(--dp-sg-verde);
border-color: var(--dp-sg-verde);
color: #FFFFFF;
}
.dp-segmentos .dp-segmentos__pestana:focus-visible {
outline: 2px solid var(--dp-sg-cta);
outline-offset: 2px;
}
.dp-segmentos__panel[hidden] {
display: none !important;
}
.dp-segmentos__panel {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 28px;
align-items: start;
padding: 26px 28px;
border: 1px solid var(--dp-sg-linea);
border-radius: 16px;
background: #FFFFFF;
}
.dp-segmentos .dp-segmentos__h3 {
margin: 0 0 10px !important;
font-family: 'Fraunces', Lora, Georgia, serif;
font-weight: 500;
font-size: clamp(20px, 1.9vw, 25px) !important;
line-height: 1.2;
letter-spacing: -.01em;
color: var(--dp-sg-verde) !important;
}
.dp-segmentos .dp-segmentos__texto {
margin: 0 0 16px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 16px !important;
line-height: 1.55;
color: var(--dp-sg-ink) !important;
max-width: 58ch;
}
.dp-segmentos .dp-segmentos__datos {
list-style: none;
margin: 0 0 18px !important;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.dp-segmentos .dp-segmentos__datos li {
margin: 0 !important;
padding: 5px 12px 5px 26px;
position: relative;
border-radius: 8px;
background: var(--dp-sg-arena);
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px;
font-weight: 600;
color: var(--dp-sg-verde);
}
.dp-segmentos .dp-segmentos__datos li::before {
content: "";
position: absolute;
left: 11px;
top: 50%;
width: 7px;
height: 4px;
margin-top: -3px;
border-left: 2px solid var(--dp-sg-claro);
border-bottom: 2px solid var(--dp-sg-claro);
transform: rotate(-45deg);
}
.dp-segmentos .dp-segmentos__cta {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 22px;
border-radius: 999px;
background: var(--dp-sg-cta);
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px !important;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #FFFFFF !important;
text-decoration: none;
transition: background-color .16s ease;
}
.dp-segmentos .dp-segmentos__cta:hover,
.dp-segmentos .dp-segmentos__cta:focus-visible {
background: #1272B0;
}
.dp-segmentos__cita {
margin: 0 !important;
padding: 20px 22px;
border-radius: 12px;
background: var(--dp-sg-arena);
}
.dp-segmentos .dp-segmentos__cita blockquote {
margin: 0 0 10px !important;
padding: 0 !important;
border: 0 !important;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 16px;
line-height: 1.55;
color: var(--dp-sg-ink);
}
.dp-segmentos .dp-segmentos__cita figcaption {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
color: var(--dp-sg-suave);
}
.dp-segmentos__panel:not(:has(.dp-segmentos__cita)) {
grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 860px) {
.dp-segmentos__panel {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
padding: 22px 20px;
}
.dp-segmentos__pestanas {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.dp-segmentos .dp-segmentos__pestana {
padding: 0 10px;
font-size: 13.5px;
min-height: 50px;
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.25;
hyphens: none;
}
.dp-segmentos .dp-segmentos__texto { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
.dp-segmentos .dp-segmentos__pestana,
.dp-segmentos .dp-segmentos__cta { transition: none; }
}
.dp-segmentos--tarjetas .dp-segmentos__tarjetas {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.dp-segmentos--tarjetas .dp-segmentos__tarjeta {
display: flex;
flex-direction: column;
padding: 26px 28px 24px;
border: 1px solid var(--dp-sg-linea);
border-radius: 16px;
background: #FFFFFF;
}
.dp-segmentos--tarjetas .dp-segmentos__etiq {
display: inline-block;
margin: 0 0 12px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--dp-sg-claro);
}
.dp-segmentos--tarjetas .dp-segmentos__texto { max-width: none; }
.dp-segmentos--tarjetas .dp-segmentos__datos { margin-bottom: 18px !important; }
.dp-segmentos--tarjetas .dp-segmentos__cita {
margin-top: auto !important;
padding: 16px 18px;
}
.dp-segmentos--tarjetas .dp-segmentos__cita blockquote { font-size: 15.5px; }
.dp-segmentos--tarjetas .dp-segmentos__pie {
margin: 22px 0 0 !important;
text-align: center;
}
@media (max-width: 860px) {
.dp-segmentos--tarjetas .dp-segmentos__tarjetas {
display: flex;
gap: 12px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 6px;
}
.dp-segmentos--tarjetas .dp-segmentos__tarjetas::-webkit-scrollbar { display: none; }
.dp-segmentos--tarjetas .dp-segmentos__tarjeta {
flex: 0 0 86%;
align-self: flex-start;   
scroll-snap-align: start;
padding: 22px 20px 20px;
}
.dp-segmentos--tarjetas .dp-segmentos__cita { margin-top: 4px !important; }
.dp-segmentos--tarjetas .dp-segmentos__pie { text-align: left; }
}
.dp-segmentos--lista {
display: grid;
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
gap: 44px;
align-items: start;
}
.dp-segmentos--lista .dp-segmentos__bajada { margin-bottom: 20px !important; }
.dp-segmentos--lista .dp-segmentos__pie { margin: 0 !important; }
.dp-segmentos--lista .dp-segmentos__renglones {
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.dp-segmentos--lista .dp-segmentos__renglon {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
gap: 18px;
align-items: center;
margin: 0 !important;
padding: 14px 0;
border-top: 1px solid var(--dp-sg-linea);
}
.dp-segmentos--lista .dp-segmentos__renglon:last-child {
border-bottom: 1px solid var(--dp-sg-linea);
}
.dp-segmentos--lista .dp-segmentos__foto {
width: 96px;
height: 96px;
border-radius: 12px;
object-fit: cover;
display: block;
}
.dp-segmentos--lista .dp-segmentos__etiq {
display: block;
margin: 0 0 3px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--dp-sg-claro);
}
.dp-segmentos--lista .dp-segmentos__h3 {
margin: 0 0 3px !important;
font-size: 18px !important;
}
.dp-segmentos--lista .dp-segmentos__resumen {
margin: 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 15px !important;
line-height: 1.5;
color: var(--dp-sg-suave) !important;
}
@media (max-width: 860px) {
.dp-segmentos--lista {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
}
.dp-segmentos--lista .dp-segmentos__lado { display: contents; }
.dp-segmentos--lista .dp-segmentos__pie { order: 3; margin-top: 4px !important; }
.dp-segmentos--lista .dp-segmentos__renglon {
grid-template-columns: 72px minmax(0, 1fr);
gap: 14px;
padding: 12px 0;
align-items: start;
}
.dp-segmentos--lista .dp-segmentos__foto { width: 72px; height: 72px; }
.dp-segmentos--lista .dp-segmentos__h3 { font-size: 17px !important; }
.dp-segmentos--lista .dp-segmentos__resumen { font-size: 14.5px !important; }
}
.dp-segmentos--promesa { text-align: center; }
.dp-segmentos--promesa .dp-segmentos__cab { margin-bottom: 26px; }
.dp-segmentos--promesa .dp-segmentos__bajada { margin-left: auto !important; margin-right: auto !important; }
.dp-segmentos--promesa .dp-segmentos__cuatro {
list-style: none;
margin: 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
border-top: 1px solid var(--dp-sg-linea);
border-bottom: 1px solid var(--dp-sg-linea);
}
.dp-segmentos--promesa .dp-segmentos__cuatro li {
margin: 0 !important;
padding: 24px 14px;
border-left: 1px solid var(--dp-sg-linea);
}
.dp-segmentos--promesa .dp-segmentos__cuatro li:first-child { border-left: 0; }
.dp-segmentos--promesa .dp-segmentos__cuatro b {
display: block;
font-family: 'Fraunces', Lora, Georgia, serif;
font-weight: 500;
font-size: clamp(19px, 1.9vw, 24px);
line-height: 1.15;
letter-spacing: -.01em;
color: var(--dp-sg-verde);
margin-bottom: 5px;
}
.dp-segmentos--promesa .dp-segmentos__cuatro span {
display: block;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 14px;
line-height: 1.4;
color: var(--dp-sg-suave);
}
.dp-segmentos--promesa .dp-segmentos__cierre {
margin: 26px auto 0;
max-width: 62ch;
}
.dp-segmentos--promesa .dp-segmentos__cierre p {
margin: 0 0 20px !important;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: clamp(19px, 2.1vw, 26px) !important;
line-height: 1.32;
letter-spacing: -.01em;
color: var(--dp-sg-verde) !important;
}
@media (max-width: 860px) {
.dp-segmentos--promesa .dp-segmentos__cuatro {
grid-template-columns: 1fr 1fr;
}
.dp-segmentos--promesa .dp-segmentos__cuatro li { padding: 18px 10px; }
.dp-segmentos--promesa .dp-segmentos__cuatro li:nth-child(odd) { border-left: 0; }
.dp-segmentos--promesa .dp-segmentos__cuatro li:nth-child(n+3) { border-top: 1px solid var(--dp-sg-linea); }
.dp-segmentos--promesa .dp-segmentos__cuatro span { font-size: 13px; }
.dp-segmentos--promesa .dp-segmentos__cierre { margin-top: 22px; }
}
.dp-segmentos--emocion .dp-segmentos__cab {
text-align: center;
margin-bottom: 26px;
}
.dp-segmentos--emocion .dp-segmentos__titulo {
max-width: 22ch;
margin-left: auto !important;
margin-right: auto !important;
text-wrap: balance;
}
.dp-segmentos--emocion .dp-segmentos__bajada {
margin-left: auto !important;
margin-right: auto !important;
max-width: 64ch;
}
.dp-segmentos--emocion .dp-segmentos__rejilla {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.dp-segmentos--emocion .dp-segmentos__ficha {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 16px;
align-items: start;
padding: 22px 24px;
border: 1px solid var(--dp-sg-linea);
border-radius: 16px;
background: #FFFFFF;
}
.dp-segmentos--emocion .dp-segmentos__icono {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 14px;
background: var(--dp-sg-arena);
color: var(--dp-sg-claro);
}
.dp-segmentos--emocion .dp-segmentos__icono svg {
width: 27px;
height: 27px;
display: block;
}
.dp-segmentos--emocion .dp-segmentos__etiq {
display: block;
margin: 0 0 4px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--dp-sg-claro);
}
.dp-segmentos--emocion .dp-segmentos__h3 {
margin: 0 0 7px !important;
font-size: clamp(18px, 1.6vw, 21px) !important;
line-height: 1.22;
}
.dp-segmentos--emocion .dp-segmentos__texto {
margin: 0 !important;
max-width: none;
font-size: 15.5px !important;
line-height: 1.5;
color: var(--dp-sg-suave) !important;
}
.dp-segmentos--emocion .dp-segmentos__cierre {
margin: 26px auto 0;
max-width: 60ch;
text-align: center;
}
.dp-segmentos--emocion .dp-segmentos__cierre p {
margin: 0 0 18px !important;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: clamp(19px, 2.1vw, 25px) !important;
line-height: 1.3;
letter-spacing: -.01em;
color: var(--dp-sg-verde) !important;
}
@media (max-width: 860px) {
.dp-segmentos--emocion .dp-segmentos__cab { margin-bottom: 20px; }
.dp-segmentos--emocion .dp-segmentos__titulo { max-width: 100%; }
.dp-segmentos--emocion .dp-segmentos__rejilla {
grid-template-columns: 1fr;
gap: 10px;
}
.dp-segmentos--emocion .dp-segmentos__ficha {
grid-template-columns: 38px minmax(0, 1fr);
gap: 12px;
padding: 15px 16px;
border-radius: 14px;
}
.dp-segmentos--emocion .dp-segmentos__icono { width: 38px; height: 38px; border-radius: 11px; }
.dp-segmentos--emocion .dp-segmentos__icono svg { width: 21px; height: 21px; }
.dp-segmentos--emocion .dp-segmentos__etiq { font-size: 10.5px; margin-bottom: 3px; }
.dp-segmentos--emocion .dp-segmentos__h3 { font-size: 17px !important; margin-bottom: 5px !important; }
.dp-segmentos--emocion .dp-segmentos__texto { font-size: 14px !important; line-height: 1.45; }
.dp-segmentos--emocion .dp-segmentos__cierre { margin-top: 22px; }
}
.dp-segmentos--simple {
max-width: 760px;
text-align: center;
}
.dp-segmentos--simple .dp-segmentos__titulo {
margin: 0 0 12px !important;
font-size: clamp(27px, 3.4vw, 42px) !important;
line-height: 1.12;
text-wrap: balance;
}
.dp-segmentos--simple .dp-segmentos__bajada {
margin: 0 auto 26px !important;
max-width: 56ch;
font-size: 17px !important;
line-height: 1.5;
}
.dp-segmentos--simple .dp-segmentos__mini { margin: 0; }
.dp-segmentos--simple .dp-segmentos__etiqueta {
display: block;
margin: 0 0 8px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--dp-sg-claro);
}
.dp-segmentos--simple .dp-segmentos__campo {
display: flex;
gap: 8px;
max-width: 560px;
margin: 0 auto;
}
.dp-segmentos--simple .dp-segmentos__campo input {
flex: 1 1 auto;
min-width: 0;
height: 52px;
padding: 0 18px;
border: 1px solid var(--dp-sg-linea);
border-radius: 999px;
background: #FFFFFF;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 16px;
color: var(--dp-sg-ink);
}
.dp-segmentos--simple .dp-segmentos__campo input::placeholder { color: #9A968D; }
.dp-segmentos--simple .dp-segmentos__campo input:focus {
outline: 2px solid var(--dp-sg-cta);
outline-offset: 1px;
border-color: var(--dp-sg-cta);
}
.dp-segmentos--simple .dp-segmentos__campo .dp-segmentos__cta {
flex: none;
min-height: 52px;
border: 0;
cursor: pointer;
}
.dp-segmentos--simple .dp-segmentos__otra {
margin: 16px 0 0 !important;
font-size: 15px !important;
}
.dp-segmentos--simple .dp-segmentos__otra a {
color: var(--dp-sg-verde) !important;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(44, 74, 38, .35);
padding-bottom: 2px;
}
.dp-segmentos--simple .dp-segmentos__otra a:hover { border-color: var(--dp-sg-verde); }
@media (max-width: 600px) {
.dp-segmentos--simple .dp-segmentos__bajada { margin-bottom: 22px !important; font-size: 16px !important; }
.dp-segmentos--simple .dp-segmentos__campo {
flex-direction: column;
gap: 10px;
}
.dp-segmentos--simple .dp-segmentos__campo .dp-segmentos__cta { justify-content: center; }
}
.dp-segmentos--simple .dp-segmentos__marca {
display: inline;
background-image: linear-gradient(transparent 62%, rgba(154, 203, 106, .55) 62%);
background-repeat: no-repeat;
background-size: 100% 100%;
color: var(--dp-sg-verde);
padding: 0 .12em;
margin: 0 -.12em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.dp-segmentos--simple.is-vivo .dp-segmentos__marca { background-size: 0% 100%; }
.dp-segmentos--simple.is-vivo.is-visto .dp-segmentos__marca {
background-size: 100% 100%;
transition: background-size .55s cubic-bezier(.2, .7, .2, 1);
}
.dp-segmentos--simple.is-vivo.is-visto .dp-segmentos__marca:nth-of-type(2) { transition-delay: .18s; }
.dp-segmentos--simple.is-vivo.is-visto .dp-segmentos__marca:nth-of-type(3) { transition-delay: .36s; }
.dp-segmentos--simple.is-vivo.is-visto .dp-segmentos__marca:nth-of-type(4) { transition-delay: .54s; }
@media (prefers-reduced-motion: reduce) {
.dp-segmentos--simple.is-vivo .dp-segmentos__marca {
background-size: 100% 100%;
transition: none;
}
}
body.home #content .entry-content > .wp-block-uagb-container.dp-home-quien {
padding-top: 44px !important;
padding-bottom: 60px !important;
background-color: #F7F5F2;
}
@media (max-width: 781px) {
body.home #content .entry-content > .wp-block-uagb-container.dp-home-quien {
padding-top: 34px !important;
padding-bottom: 44px !important;
}
}
body.home #content .entry-content .dp-segmentos__accion {
margin: 22px 0 0 !important;
text-align: center;
}
body.home #content .entry-content a.dp-segmentos__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 28px;
border-radius: 999px;
background: var(--dp-cta, #0E5F94);
color: #FFFFFF !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: .01em;
text-decoration: none !important;
transition: background-color .2s ease;
}
body.home #content .entry-content a.dp-segmentos__cta:hover,
body.home #content .entry-content a.dp-segmentos__cta:focus-visible {
background: var(--dp-cta-h, #1272B0);
}


/* === dopat-relato (relato.css) === */

.dp-relato,
.dp-puertas {
--dp-relato-fondo: #f7f5f2;
--dp-relato-tinta: #2c4a26;
--dp-relato-apagado: 0.19;
--dp-curvas-op: 0.07;
--dp-cordal-op: 0.055;
--dp-suave: rgba(44, 74, 38, 0.86);
--dp-medio: rgba(44, 74, 38, 0.68);
--dp-tenue: rgba(44, 74, 38, 0.5);
}
.dp-relato.dp-tono--noche,
.dp-puertas.dp-tono--noche {
--dp-relato-fondo: #1A3A5C;
--dp-relato-tinta: #F1F4F7;
--dp-curvas-op: 0.11;
--dp-cordal-op: 0.085;
--dp-suave: rgba(241, 244, 247, 0.82);
--dp-medio: rgba(241, 244, 247, 0.66);
--dp-tenue: rgba(241, 244, 247, 0.5);
}
.dp-tono--noche .dp-puertas__cta-flecha {
background: var(--dp-relato-tinta);
color: var(--dp-relato-fondo);
}
body.home #content .dp-tono--noche a.dp-puertas__cta:focus-visible {
outline-color: var(--dp-relato-tinta);
}
.dp-relato {
position: relative;
overflow: hidden;
background: var(--dp-relato-fondo);
padding-block: clamp(2.1rem, 3.7vw, 3.7rem);
}
.dp-relato__lineas {
position: relative;
z-index: 1;
width: min(1120px, calc(100% - 2.5rem));
margin-inline: auto;
text-align: left;
}
body.home #content .dp-relato .dp-relato__ante {
display: block;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13px !important;
font-weight: 600;
letter-spacing: 0.17em;
text-transform: uppercase;
color: var(--dp-medio) !important;
margin: 0 0 clamp(1rem, 2.2vw, 1.6rem) !important;
}
body.home #content .dp-relato h2.dp-relato__linea--titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: clamp(33px, 4.3vw, 63px) !important;
line-height: 1.05 !important;
font-weight: 600 !important;
letter-spacing: -0.018em;
color: var(--dp-relato-tinta) !important;
margin: 0 0 clamp(0.7rem, 1.4vw, 1.15rem) !important;
max-width: 15ch;
}
body.home #content .dp-relato .dp-relato__intro {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: clamp(14.5px, 1.2vw, 17px) !important;
line-height: 1.6 !important;
letter-spacing: 0.005em;
color: var(--dp-suave) !important;
margin: 0 0 0.45rem !important;
max-width: 46ch;
}
body.home #content .dp-relato .dp-relato__intro--giro {
margin: 0 0 clamp(1.2rem, 2.2vw, 1.85rem) !important;
}
body.home #content .dp-relato .dp-relato__linea {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: clamp(23px, 2.75vw, 40px) !important;
line-height: 1.16 !important;
font-weight: 400 !important;
letter-spacing: -0.012em;
color: var(--dp-relato-tinta) !important;
margin: 0 0 clamp(0.32rem, 0.7vw, 0.6rem) !important;
max-width: 36ch;
text-wrap: pretty;
}
body.home #content .dp-relato .dp-relato__linea--italica {
font-style: italic;
padding-left: clamp(1.2rem, 3.5vw, 3.2rem);
color: var(--dp-suave) !important;
}
body.home #content .dp-relato .dp-relato__linea--cierre {
font-size: clamp(27px, 3.4vw, 50px) !important;
font-style: italic;
margin-top: clamp(1.4rem, 2.7vw, 2.3rem) !important;
max-width: 22ch;
}
.dp-relato .dp-pal {
transition: opacity 0.25s ease-out;
}
.dp-relato--vivo .dp-pal {
opacity: var(--dp-relato-apagado);
}
.dp-relato--vivo .dp-pal.dp-pal--viva {
opacity: 1;
}
.dp-terreno {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 0;
opacity: var(--dp-terreno-visible, 1);
color: var(--dp-relato-tinta);
}
body.home #content .dp-relato .dp-terreno__pie {
position: absolute;
right: 0;
bottom: 1.4rem;
margin: 0 !important;
text-align: right;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12px !important;
line-height: 1.7 !important;
letter-spacing: 0.18em;
text-transform: uppercase;
color: currentColor !important;
opacity: 0.3;
}
.dp-terreno__pie span {
display: block;
font-variant-numeric: tabular-nums;
opacity: 0.8;
}
.dp-puertas {
background: linear-gradient(180deg, #0d1f36 0%, var(--dp-relato-fondo) 64%, #1e4268 100%);
}
.dp-puertas__pista {
max-width: none !important;
width: auto !important;
margin-inline: 0 !important;
height: calc(100svh + 75svh);
}
.dp-puertas__pin {
position: sticky;
--dp-pin-alto: 100svh;
top: calc((100svh - var(--dp-pin-alto)) / 2);
height: var(--dp-pin-alto);
overflow: hidden;
display: grid;
place-items: center;
--dp-puertas-avance: 1;
--dp-telon: 1;
--dp-telon-s: 1;
}
.dp-puertas--vivo .dp-puertas__pin {
--dp-puertas-avance: 0;
--dp-telon: 0;
--dp-telon-s: 0;
}
.dp-puertas__mensaje {
position: relative;
z-index: 1;
text-align: center;
width: min(620px, calc(100% - 3rem));
padding-block: 2rem;
}
body.home #content .dp-puertas h3.dp-puertas__titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
margin: 0 0 0.8rem !important;
font-size: clamp(30px, 3.8vw, 54px) !important;
line-height: 1.08 !important;
font-weight: 600 !important;
letter-spacing: -0.018em;
color: var(--dp-relato-tinta) !important;
}
body.home #content .dp-puertas .dp-puertas__texto {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
margin: 0 auto 1.8rem !important;
font-size: clamp(15px, 1.05vw, 17px) !important;
line-height: 1.6 !important;
color: var(--dp-suave) !important;
max-width: 40ch;
}
body.home #content .dp-puertas a.dp-puertas__cta {
display: inline-flex;
align-items: center;
gap: 0.7rem;
height: 50px;
padding: 0 1.6rem;
border-radius: 999px;
background: var(--dp-relato-tinta);
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 15.5px !important;
font-weight: 600;
letter-spacing: 0.01em;
color: #16324f !important;
text-decoration: none;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
transition: background 0.2s ease, transform 0.2s ease;
}
body.home #content .dp-puertas a.dp-puertas__cta:hover {
background: #fff;
transform: translateY(-1px);
}
.dp-puertas__cta-texto {
padding-bottom: 0;
}
.dp-puertas__cta-flecha {
display: inline-grid;
place-items: center;
width: 26px;
height: 26px;
border-radius: 999px;
background: var(--dp-cta, #0E5F94);
color: #fff;
flex: 0 0 auto;
transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
}
body.home #content .dp-puertas a.dp-puertas__cta:hover .dp-puertas__cta-flecha,
body.home #content .dp-puertas a.dp-puertas__cta:focus-visible .dp-puertas__cta-flecha {
transform: translateX(4px);
}
body.home #content .dp-puertas a.dp-puertas__cta:hover .dp-puertas__cta-texto {
border-bottom-color: var(--dp-relato-tinta);
}
body.home #content .dp-puertas a.dp-puertas__cta:focus-visible {
outline: 3px solid var(--dp-relato-tinta);
outline-offset: 4px;
border-radius: 4px;
}
.dp-puertas__banda {
position: absolute;
left: 0;
right: 0;
top: 50%;
height: min(62svh, 52vw);
transform: translateY(-50%);
z-index: 2;
}
.dp-puertas__hoja {
position: absolute;
top: 0;
bottom: 0;
width: 50.4%;
z-index: 2;
overflow: hidden;
will-change: transform;
}
.dp-puertas__hoja--izq {
left: -0.4%;
transform: translate3d(calc(var(--dp-puertas-avance) * -101%), 0, 0);
}
.dp-puertas__hoja--der {
right: -0.4%;
transform: translate3d(calc(var(--dp-puertas-avance) * 101%), 0, 0);
}
.dp-puertas__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.dp-puertas__img--izq {
object-position: 46% 24%;
}
.dp-puertas__img--der {
object-position: 55% 64%;
}
@media (max-width: 860px) {
body.home #content .dp-relato .dp-relato__linea,
body.home #content .dp-relato .dp-relato__intro {
max-width: none;
}
body.home #content .dp-relato h2.dp-relato__linea--titulo {
max-width: 14ch;
}
body.home #content .dp-relato .dp-relato__linea--cierre {
max-width: 18ch;
margin-bottom: 1.6rem;
}
body.home #content .dp-relato .dp-relato__linea--italica {
padding-left: 1rem;
}
.dp-puertas__banda {
height: min(52svh, 75vw);
}
.dp-puertas__pin {
--dp-pin-alto: 100svh;
}
.dp-puertas__pista {
max-width: none !important;
width: auto !important;
margin-inline: 0 !important;
height: calc(100svh + 50svh);
}
.dp-terreno__curvas {
inset: -20%;
width: 140%;
height: 140%;
}
.dp-terreno__monte {
height: 26%;
}
body.home #content .dp-relato .dp-terreno__pie {
font-size: 12px !important;
bottom: 0.8rem;
right: 1.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
.dp-relato--vivo .dp-pal,
.dp-relato .dp-pal {
opacity: 1 !important;
transition: none !important;
}
.dp-terreno {
opacity: 1 !important;
}
.dp-puertas__pista {
max-width: none !important;
width: auto !important;
margin-inline: 0 !important;
height: auto;
}
.dp-puertas__pin {
position: static;
height: auto;
min-height: 70svh;
padding-block: clamp(3rem, 8vw, 5rem);
--dp-telon: 1;
--dp-telon-s: 1;
}
.dp-puertas--vivo .dp-puertas__pin {
--dp-puertas-avance: 1;
--dp-telon: 1;
--dp-telon-s: 1;
}
.dp-telon__capa {
transform: translateX(-50%) !important;
}
}
body.home #content .dp-puertas p.dp-puertas__cierre {
position: absolute;
left: 50%;
top: 30%;
transform: translate(-50%, -50%);
z-index: 2;
width: min(20ch, calc(100% - 3rem));
margin: 0 !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-size: clamp(23px, 3.1vw, 41px) !important;
line-height: 1.14 !important;
font-weight: 600;
letter-spacing: -0.015em;
text-align: center;
color: var(--dp-relato-tinta) !important;
text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
opacity: var(--dp-cierre, 1);
}
.dp-puertas__mensaje {
opacity: var(--dp-mensaje, 1);
}
.dp-telon {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
background: linear-gradient(180deg, #0d1f36 0%, var(--dp-relato-fondo) 64%, #1e4268 100%);
}
.dp-telon__brillo {
position: absolute;
inset: 0;
opacity: calc(var(--dp-telon-s, 1) * 0.9);
background: radial-gradient(58% 40% at 50% 30%, rgba(150, 175, 255, 0.2), transparent 70%);
}
.dp-telon__cielo {
position: absolute;
left: 0;
right: 0;
top: 4%;
height: 33%;
display: grid;
place-items: center;
opacity: clamp(0, calc(var(--dp-telon, 1) * 2.4), 1);
}
.dp-telon__piscis {
width: min(82%, 780px);
height: 100%;
overflow: visible;
}
.dp-telon__estrellas circle { fill: #fff; }
.dp-telon__halo circle { fill: #dce9ff; }
.dp-telon__capa {
position: absolute;
left: 50%;
bottom: 0;
height: auto;
transform-origin: 50% 100%;
will-change: transform;
}
.dp-telon__capa--lejos {
width: 126%;
bottom: 16%;
opacity: calc(var(--dp-telon-s, 1) * 0.78);
transform: translateX(-50%) translateY(calc(52% - 49% * var(--dp-telon, 1)))
scale(calc(1.02 + 0.07 * var(--dp-telon-s, 1)));
}
.dp-telon__capa--cerca {
width: 112%;
bottom: 2%;
transform: translateX(-50%) translateY(calc(98% - 94% * var(--dp-telon, 1)))
scale(calc(1 + 0.16 * var(--dp-telon-s, 1)));
}
.dp-puertas__mensaje::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(150%, 1000px);
height: 300px;
z-index: -1;
pointer-events: none;
background: radial-gradient(60% 55% at 50% 50%, rgba(6, 14, 28, 0.66), rgba(6, 14, 28, 0.3) 55%, transparent 78%);
}
@media (max-width: 860px) {
.dp-telon__cielo { top: 3%; height: 30%; }
.dp-telon__piscis { width: min(92%, 520px); }
.dp-telon__capa--lejos  { width: 190%; bottom: 13%; }
.dp-telon__capa--cerca  {
width: 150%;
bottom: 1%;
transform: translateX(-50%) translateY(calc(98% - 92% * var(--dp-telon, 1)))
scale(calc(1 + 0.3 * var(--dp-telon-s, 1)));
}
}
.dp-terreno__relieve {
position: absolute;
inset: -6%;
display: block;
width: 112%;
height: 112%;
}
.dp-terreno__isolineas path {
fill: none;
stroke: currentColor;
stroke-width: 1;
vector-effect: non-scaling-stroke;
opacity: var(--dp-curvas-op);
stroke-linejoin: round;
stroke-linecap: round;
}
.dp-cordal {
position: absolute;
bottom: -1px;
display: block;
height: clamp(120px, 17vw, 230px);
width: 48%;
}
.dp-cordal--izq { left: -4%; }
.dp-cordal--der { right: -4%; }
.dp-cordal__paine,
.dp-cordal__fitz {
fill: currentColor;
opacity: var(--dp-cordal-op);
}
@media (max-width: 860px) {
.dp-cordal--der {
display: none;
}
.dp-cordal--izq {
width: 108%;
left: -6%;
height: clamp(96px, 26vw, 150px);
}
.dp-terreno__relieve {
inset: -26%;
width: 152%;
height: 152%;
}
}
@media (prefers-reduced-motion: reduce) {
.dp-terreno--v2 {
opacity: 1 !important;
}
}
body.home #content .dp-relato .dp-relato__linea--italica + .dp-relato__linea:not(.dp-relato__linea--cierre) {
margin-top: 26px !important;
}
@media (max-width: 600px) {
body.home #content .dp-relato .dp-relato__linea--italica + .dp-relato__linea:not(.dp-relato__linea--cierre) {
margin-top: 18px !important;
}
}
.dp-telon__hoja {
position: absolute;
inset: 0;
z-index: 5;
overflow: hidden;
background: var(--dp-relato-fondo);
will-change: transform;
}
.dp-telon__hoja--izq {
clip-path: inset(0 50% 0 0);
transform: translateX(calc(-52% * var(--dp-abre, 0)));
}
.dp-telon__hoja--der {
clip-path: inset(0 0 0 50%);
transform: translateX(calc(52% * var(--dp-abre, 0)));
}
.dp-telon__corte {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: rgba(241, 244, 247, 0.16);
opacity: var(--dp-corte, 0);
}
.dp-telon__hoja--izq .dp-telon__corte { right: 50%; }
.dp-telon__hoja--der .dp-telon__corte { left: 50%; }
.dp-telon__texto {
position: absolute;
inset: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 clamp(1.2rem, 5vw, 4rem);
max-width: 1120px;
margin: 0 auto;
z-index: 2;
}
body.home #content .dp-telon__ante {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(241, 244, 247, 0.55);
margin-bottom: 1.6rem;
}
body.home #content .dp-telon__titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 600;
font-size: clamp(32px, 6vw, 86px) !important;
line-height: 0.99 !important;
letter-spacing: -0.035em;
margin: 0 auto 3.2rem !important;
max-width: 100%;
text-wrap: balance;
color: var(--dp-relato-tinta) !important;
}
body.home #content .dp-telon__linea {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-weight: 400;
font-size: clamp(15px, 1.55vw, 19px) !important;
line-height: 1.5 !important;
letter-spacing: 0;
margin: 0 auto 1.15rem !important;
max-width: 44ch;
color: rgba(241, 244, 247, 0.82) !important;
}
body.home #content .dp-telon__linea--italica {
font-style: italic;
font-weight: 400;
color: rgba(241, 244, 247, 0.62) !important;
}
body.home #content .dp-telon__linea--cierre {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 600;
font-size: clamp(20px, 2.6vw, 34px) !important;
line-height: 1.15 !important;
letter-spacing: -0.015em;
margin: 3rem auto 0 !important;
max-width: 20ch;
color: #fff !important;
}
@media (max-height: 700px) {
body.home #content .dp-telon__titulo {
font-size: clamp(28px, 5vw, 54px) !important;
margin-bottom: 2rem !important;
}
body.home #content .dp-telon__linea--cierre { margin-top: 2rem !important; }
}
.dp-puertas__mensaje {
opacity: var(--dp-mensaje, 1);
}
@media (prefers-reduced-motion: reduce) {
.dp-telon__hoja { transform: none !important; }
.dp-puertas__mensaje { opacity: 1 !important; }
}
body.home #content .dp-puertas .dp-telon__texto h2.dp-telon__titulo,
body.home #content .dp-puertas .dp-telon__texto div.dp-telon__titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 600 !important;
font-size: clamp(32px, 6vw, 86px) !important;
line-height: 0.99 !important;
letter-spacing: -0.035em !important;
margin: 0 auto 3.2rem !important;
max-width: 100% !important;
text-wrap: balance;
}
body.home #content .dp-puertas .dp-telon__texto p.dp-telon__linea {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-weight: 400 !important;
font-size: clamp(15px, 1.55vw, 19px) !important;
line-height: 1.5 !important;
margin: 0 auto 1.15rem !important;
max-width: 44ch !important;
}
body.home #content .dp-puertas .dp-telon__texto p.dp-telon__linea--italica {
font-style: italic !important;
font-weight: 400 !important;
}
body.home #content .dp-puertas .dp-telon__texto p.dp-telon__linea--cierre {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 600 !important;
font-size: clamp(20px, 2.6vw, 34px) !important;
line-height: 1.15 !important;
margin: 3rem auto 0 !important;
max-width: 20ch !important;
}
body.home #content .dp-puertas .dp-telon__texto span.dp-telon__ante {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 12.5px !important;
letter-spacing: 0.18em !important;
margin-bottom: 1.6rem !important;
}
@media (max-height: 700px) {
body.home #content .dp-puertas .dp-telon__texto h2.dp-telon__titulo,
body.home #content .dp-puertas .dp-telon__texto div.dp-telon__titulo {
font-size: clamp(28px, 5vw, 54px) !important;
margin-bottom: 2rem !important;
}
body.home #content .dp-puertas .dp-telon__texto p.dp-telon__linea--cierre {
margin-top: 2rem !important;
}
}
body.home #content .dp-puertas__cta-texto {
text-transform: uppercase;
letter-spacing: .09em;
font-size: 14.5px !important;
}
body.home #content .dp-puertas__titulo + .dp-puertas__cta {
margin-top: 1.7rem;
}
body.home #content .dp-puertas .dp-puertas__cta-marca {
display: inline-grid;
font-weight: inherit;
color: inherit;
letter-spacing: .09em;
transition: color 0.3s ease, letter-spacing 0.3s ease;
}
body.home #content .dp-puertas .dp-puertas__cta-marca > span {
grid-area: 1 / 1;
white-space: nowrap;
}
body.home #content .dp-puertas .dp-puertas__cta-marca::after {
content: attr(data-marca);
grid-area: 1 / 1;
font-weight: 700;
letter-spacing: .13em;
white-space: nowrap;
visibility: hidden;
pointer-events: none;
}
body.home #content .dp-puertas .dp-puertas__cta-lets {
transition: opacity 0.3s ease;
}
body.home #content .dp-puertas a.dp-puertas__cta:hover .dp-puertas__cta-lets,
body.home #content .dp-puertas a.dp-puertas__cta:focus-visible .dp-puertas__cta-lets,
body.home #content .dp-puertas a.dp-puertas__cta:active .dp-puertas__cta-lets {
opacity: 0.42;
}
body.home #content .dp-puertas a.dp-puertas__cta:hover .dp-puertas__cta-marca,
body.home #content .dp-puertas a.dp-puertas__cta:focus-visible .dp-puertas__cta-marca,
body.home #content .dp-puertas a.dp-puertas__cta:active .dp-puertas__cta-marca {
letter-spacing: .13em;
}
body.home #content .dp-puertas .dp-puertas__cta-do {
font-style: normal;
transition: color 0.3s ease;
}
body.home #content .dp-puertas a.dp-puertas__cta:hover .dp-puertas__cta-do,
body.home #content .dp-puertas a.dp-puertas__cta:focus-visible .dp-puertas__cta-do,
body.home #content .dp-puertas a.dp-puertas__cta:active .dp-puertas__cta-do {
color: var(--dp-gold-ink, #4A7A26);
font-weight: 700;
}
@media (hover: none) {
body.home #content .dp-puertas .dp-puertas__cta-marca,
body.home #content .dp-puertas .dp-puertas__cta-do,
body.home #content .dp-puertas .dp-puertas__cta-lets {
transition-duration: 0s;
}
}
@media (prefers-reduced-motion: reduce) {
body.home #content .dp-puertas .dp-puertas__cta-marca,
body.home #content .dp-puertas .dp-puertas__cta-do,
body.home #content .dp-puertas .dp-puertas__cta-lets {
transition-duration: 0s;
}
}
body.home #content .dp-puertas .dp-telon__texto h2.dp-telon__titulo,
body.home #content .dp-puertas .dp-telon__texto div.dp-telon__titulo {
max-width: 100% !important;
text-wrap: balance !important;
}
@media (min-width: 861px) {
body.home #content .dp-puertas .dp-telon__texto h2.dp-telon__titulo,
body.home #content .dp-puertas .dp-telon__texto div.dp-telon__titulo {
font-size: clamp(48px, 4.6vw, 72px) !important;
white-space: nowrap;
}
}
@media (min-width: 600px) {
body.home #content .dp-puertas .dp-telon__salto { display: none; }
}


/* === dopat-dolor (dolor.css) === */

body.home #content .entry-content .dp-home-pared .dp-dolor {
display: grid;
grid-template-columns: 1.15fr .85fr;
gap: 40px;
align-items: center;
max-width: 1100px;
margin: 0 auto;
text-align: left;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__titulo {
margin: 0 0 18px !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(20px, 2.2vw, 25px) !important;
line-height: 1.2 !important;
letter-spacing: -.005em;
color: var(--dp-gold-ink, #4A7A26) !important;
max-width: 30ch;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__grande {
margin: 0 !important;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(36px, 5.6vw, 66px) !important;
line-height: 1.02 !important;
letter-spacing: -.025em;
color: var(--dp-green, #2C4A26) !important;
max-width: 13ch;
text-wrap: balance;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__grande em {
font-style: italic;
font-weight: 400;
color: var(--dp-gold-ink, #4A7A26);
}
body.home #content .entry-content .dp-home-pared .dp-dolor__segundo,
body.home #content .entry-content .dp-home-pared .dp-dolor__tercero {
margin: 22px 0 0 !important;
max-width: 42ch;
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 400 !important;
font-size: clamp(18px, 1.9vw, 21px) !important;
line-height: 1.42 !important;
color: #2A3A28 !important;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__tercero {
font-size: clamp(16px, 1.6vw, 18.5px) !important;
color: #4A4A45 !important;
}
body.home #content .entry-content .dp-home-pared .dp-dolor .dp-marca {
display: inline;
background: linear-gradient(transparent 58%, rgba(154, 203, 106, .55) 58%);
color: var(--dp-green, #2C4A26);
font-size: 1.1em;
font-weight: 600;
padding: 0 .1em;
margin: 0 -.1em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__accion { margin: 26px 0 0 !important; }
body.home #content .entry-content .dp-home-pared .dp-dolor__lista {
list-style: none;
margin: 0 !important;
padding: 22px 24px !important;
background: #FFFFFF;
border: 1px solid var(--dp-line, #E3DED4);
border-radius: 14px;
display: grid;
gap: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 18px 40px -30px rgba(20, 30, 20, .35);
}
body.home #content .entry-content .dp-home-pared .dp-dolor__lista li {
display: flex;
align-items: center;
gap: 12px;
margin: 0;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 16px !important;
font-weight: 600;
line-height: 1.3;
color: #3A3A34;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__lista li i {
flex: 0 0 22px;
width: 22px;
height: 22px;
border: 2px solid var(--dp-gold-ink, #4A7A26);
border-radius: 50%;
background: var(--dp-gold-ink, #4A7A26);
display: inline-grid;
place-items: center;
color: #fff;
font-style: normal;
font-size: 13px;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__lista li i::after { content: "\2713"; }
body.home #content .entry-content .dp-home-pared .dp-dolor__fin {
margin-top: 6px !important;
padding-top: 12px;
border-top: 1px solid var(--dp-line, #E3DED4);
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500;
font-size: 20px !important;
color: var(--dp-green, #2C4A26) !important;
}
body.home #content .entry-content .dp-home-pared .dp-dolor__fin i {
border-color: var(--dp-green, #2C4A26);
background: var(--dp-green, #2C4A26);
}
body.home #content .entry-content .dp-home-pared .dp-dolor.is-vivo .dp-dolor__lista li {
opacity: 1;
color: #6B6A64;
transition: color .25s ease;
}
body.home #content .entry-content .dp-home-pared .dp-dolor.is-vivo .dp-dolor__lista li i {
background: transparent;
border-color: #C9C4B8;
color: transparent;
transition: background .15s ease, border-color .15s ease, color .15s ease, transform .25s cubic-bezier(.2, .9, .3, 1.4);
}
body.home #content .entry-content .dp-home-pared .dp-dolor.is-vivo .dp-dolor__lista li.is-ok { opacity: 1; color: #3A3A34; }
body.home #content .entry-content .dp-home-pared .dp-dolor.is-vivo .dp-dolor__lista li.is-ok i {
background: var(--dp-gold-ink, #4A7A26);
border-color: var(--dp-gold-ink, #4A7A26);
color: #fff;
transform: scale(1.12);
}
body.home #content .entry-content .dp-home-pared .dp-dolor.is-vivo .dp-dolor__fin.is-ok i {
background: var(--dp-green, #2C4A26);
border-color: var(--dp-green, #2C4A26);
}
@media (max-width: 781px) {
body.home #content .entry-content .dp-home-pared .dp-dolor { grid-template-columns: 1fr; gap: 26px; }
body.home #content .entry-content .dp-home-pared .dp-dolor__grande { font-size: clamp(34px, 10vw, 44px) !important; max-width: 12ch; }
body.home #content .entry-content .dp-home-pared .dp-dolor__lista { padding: 18px 18px !important; gap: 8px; }
body.home #content .entry-content .dp-home-pared .dp-dolor__lista li { font-size: 15px !important; }
}
@media (prefers-reduced-motion: reduce) {
body.home #content .entry-content .dp-home-pared .dp-dolor.is-vivo * { transition: none !important; }
}


/* === dopat-resenas (resenas.css) === */

.dp-resenas {
--dp-r-green:     #2C4A26;
--dp-r-gold:      #C89B3C;
--dp-r-ink:       #2C2C2C;
--dp-r-ink-soft:  #55534E;
--dp-r-sand:      #F7F5F2;
--dp-r-line:      #E3DED4;
--dp-r-cta:       #0E5F94;
max-width: 1120px;
margin: 0 auto;
padding: 0;
}
.dp-resenas__cab {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin: 0 0 22px;
}
.dp-resenas .dp-resenas__titulo {
margin: 0 0 8px;
font-family: 'Fraunces', Lora, Georgia, serif;
font-weight: 500;
font-size: clamp(26px, 3.1vw, 38px);
line-height: 1.14;
letter-spacing: -0.02em;
color: var(--dp-r-green);
}
.dp-resenas .dp-resenas__meta {
margin: 0;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px;
line-height: 1.6;
color: var(--dp-r-ink-soft);
}
.dp-resenas .dp-resenas__meta strong {
color: var(--dp-r-ink);
font-weight: 700;
}
.dp-resenas .dp-resenas__meta a {
color: var(--dp-r-ink-soft);
text-decoration: underline;
text-decoration-color: var(--dp-r-line);
text-underline-offset: 3px;
}
.dp-resenas .dp-resenas__meta a:hover,
.dp-resenas .dp-resenas__meta a:focus-visible {
color: var(--dp-r-green);
text-decoration-color: currentColor;
}
.dp-resenas__total {
display: block;
margin-top: 2px;
font-size: 12.5px;
color: var(--dp-r-ink-soft);
opacity: .85;
}
.dp-resenas__mandos {
display: flex;
gap: 8px;
flex: 0 0 auto;
}
.dp-resenas__flecha {
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid var(--dp-r-line);
border-radius: 999px;
background: #FFFFFF;
color: var(--dp-r-green);
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.dp-resenas__flecha svg { width: 20px; height: 20px; }
.dp-resenas__flecha:hover:not([disabled]) {
background: var(--dp-r-green);
border-color: var(--dp-r-green);
color: #FFFFFF;
}
.dp-resenas__flecha[disabled] {
opacity: .35;
cursor: default;
}
.dp-resenas__flecha:focus-visible {
outline: 2px solid var(--dp-r-cta);
outline-offset: 2px;
}
.dp-resenas__pista {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 18px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
padding: 4px 0 6px;
margin: 0 -2px;
}
.dp-resenas__pista::-webkit-scrollbar { display: none; }
.dp-resenas__pista:focus-visible {
outline: 2px solid var(--dp-r-cta);
outline-offset: 4px;
border-radius: 16px;
}
.dp-resena { flex: 0 0 100%; }
@media (min-width: 700px) {
.dp-resena { flex: 0 0 calc((100% - 18px) / 2); }
}
@media (min-width: 900px) {
.dp-resena { flex: 0 0 calc((100% - 36px) / 3); }
}
.dp-resena {
scroll-snap-align: start;
min-width: 0;
display: flex;
flex-direction: column;
gap: 12px;
padding: 22px 22px 20px;
background: #FFFFFF;
border: 1px solid var(--dp-r-line);
border-radius: 14px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}
.dp-resena__estrellas {
font-size: 14px;
letter-spacing: 2px;
color: var(--dp-r-gold);
line-height: 1;
}
.dp-resenas .dp-resena__texto {
margin: 0;
flex: 1 1 auto;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 16.5px;
font-weight: 400;
line-height: 1.55;
color: var(--dp-r-ink);
letter-spacing: -0.005em;
}
.dp-resena__pie {
display: flex;
align-items: center;
gap: 10px;
padding-top: 12px;
border-top: 1px solid var(--dp-r-line);
}
.dp-resena__inicial {
flex: 0 0 auto;
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: var(--dp-r-sand);
color: var(--dp-r-green);
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .02em;
}
.dp-resena__firma {
display: flex;
flex-direction: column;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
line-height: 1.35;
}
.dp-resena__firma strong {
font-size: 13.5px;
font-weight: 600;
color: var(--dp-r-ink);
}
.dp-resena__firma span {
font-size: 11.5px;
color: var(--dp-r-ink-soft);
}
.dp-resenas__puntos {
display: flex;
justify-content: center;
gap: 7px;
margin-top: 18px;
min-height: 8px;
}
.dp-resenas__punto {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 999px;
background: var(--dp-r-line);
cursor: pointer;
transition: background-color .2s ease, width .2s ease;
}
.dp-resenas__punto[aria-current="true"] {
width: 22px;
background: var(--dp-r-green);
}
.dp-resenas__punto:focus-visible {
outline: 2px solid var(--dp-r-cta);
outline-offset: 3px;
}
@media (max-width: 699px) {
.dp-resenas__cab { display: block; }
.dp-resenas__mandos { display: none; }
.dp-resenas .dp-resena__texto { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.dp-resenas__pista { scroll-behavior: auto; }
.dp-resenas__punto { transition: none; }
}
.dp-resenas__puntos {
gap: 0;
margin-top: 8px;
}
.dp-resenas__punto {
width: 26px;
height: 44px;
background: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.dp-resenas__punto::before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--dp-r-line);
transition: background-color .2s ease, width .2s ease;
}
.dp-resenas__punto[aria-current="true"] {
width: 40px;
background: none;
}
.dp-resenas__punto[aria-current="true"]::before {
width: 22px;
background: var(--dp-r-green);
}
.dp-resenas__punto:focus-visible {
outline: 2px solid var(--dp-r-cta);
outline-offset: -6px;
border-radius: 8px;
}
@media (prefers-reduced-motion: reduce) {
.dp-resenas__punto::before { transition: none; }
}
.dp-resenas .dp-resenas__ante {
display: block;
margin: 0 0 8px;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
color: #4A7A26;
}
.dp-resena--enlace {
position: relative;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.dp-resena__fuente {
color: var(--dp-r-ink-soft);
text-decoration: none;
}
.dp-resena__fuente::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: 14px;
}
.dp-resena__ir {
display: inline-block;
margin-left: 3px;
opacity: 0;
transform: translate(-2px, 2px);
transition: opacity .16s ease, transform .16s ease;
}
.dp-resena--enlace:hover,
.dp-resena--enlace:focus-within {
border-color: #C9C2B4;
box-shadow: 0 2px 5px rgba(0, 0, 0, .05), 0 14px 30px -20px rgba(0, 0, 0, .4);
}
.dp-resena--enlace:hover .dp-resena__ir,
.dp-resena--enlace:focus-within .dp-resena__ir {
opacity: 1;
transform: translate(0, 0);
}
.dp-resena--enlace:hover .dp-resena__fuente,
.dp-resena--enlace:focus-within .dp-resena__fuente {
color: var(--dp-r-green);
}
.dp-resena__fuente:focus-visible::after {
outline: 2px solid var(--dp-r-cta);
outline-offset: 3px;
}
.dp-resena__oculto {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
.dp-resena--enlace,
.dp-resena__ir { transition: none; }
}
.dp-citas {
--dp-ci-vuelta: 75s;
padding: 34px 0 6px;
overflow: hidden;
}
.dp-citas__ventana {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.dp-citas__pista {
list-style: none;
margin: 0;
padding: 0;
display: flex;
width: max-content;
gap: 0;
animation: dp-citas-vuelta var(--dp-ci-vuelta) linear infinite;
}
.dp-citas:hover .dp-citas__pista,
.dp-citas:focus-within .dp-citas__pista {
animation-play-state: paused;
}
@keyframes dp-citas-vuelta {
from { transform: translate3d(0, 0, 0); }
to   { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
.dp-citas__pista { animation: none; }
.dp-citas__ventana { overflow-x: auto; }
}
.dp-citas__cita {
flex: 0 0 300px;
width: 300px;
margin: 0;
padding: 0 22px;
text-align: center;
border-right: 1px solid #E3DED4;
box-sizing: border-box;
}
@media (max-width: 560px) {
.dp-citas__cita { flex-basis: 250px; width: 250px; padding: 0 16px; }
}
.dp-citas__comilla {
display: block;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 28px;
line-height: 1;
color: #4A7A26;
margin-bottom: 6px;
}
body #content .dp-citas .dp-citas__texto {
margin: 0 0 8px !important;
padding: 0 !important;
border: 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.45;
letter-spacing: .03em;
font-style: normal !important;
text-transform: uppercase;
color: #2C2C2C !important;
}
body #content .dp-citas .dp-citas__autor {
margin: 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px !important;
font-style: italic;
color: #4A7A26 !important;
}
.dp-citas__marcas {
list-style: none;
margin: 26px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px 30px;
}
.dp-citas__marcas li { margin: 0; }
.dp-citas__marcas img {
height: 18px;
width: auto;
display: block;
filter: brightness(0);
opacity: .7;
}
@media (max-width: 560px) {
.dp-citas__marcas img { height: 15px; }
}
.dp-voces {
--dp-voces-por-vista: 4;
--dp-voces-aire: clamp(2.2rem, 4.5vw, 5rem);
width: min(1120px, calc(100% - 2.5rem));
margin-inline: auto;
padding-block: clamp(3.5rem, 8vw, 7rem);
text-align: center;
}
.dp-voces__rejilla {
display: grid;
grid-template-columns: repeat(var(--dp-voces-por-vista), minmax(0, 1fr));
gap: var(--dp-voces-aire);
align-items: start;
}
.dp-voces__voz {
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
.dp-voces--vivo .dp-voces__voz {
grid-row: 1;
transition: opacity 0.75s ease, transform 0.75s ease;
}
@media (min-width: 1001px) {
.dp-voces--vivo .dp-voces__voz:nth-child(4n + 1) { grid-column: 1; }
.dp-voces--vivo .dp-voces__voz:nth-child(4n + 2) { grid-column: 2; }
.dp-voces--vivo .dp-voces__voz:nth-child(4n + 3) { grid-column: 3; }
.dp-voces--vivo .dp-voces__voz:nth-child(4n + 4) { grid-column: 4; }
}
.dp-voces--vivo .dp-voces__voz[data-dp-fuera] {
opacity: 0;
transform: translate3d(0, 10px, 0);
pointer-events: none;
}
.dp-voces__comilla {
display: block;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: clamp(23px, 2vw, 30px);
line-height: 1;
color: #4A7A26;
margin-bottom: 0.75rem;
}
body #content .dp-voces .dp-voces__cita {
margin: 0 0 1rem !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
quotes: none;
}
body #content .dp-voces .dp-voces__cita p {
margin: 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.62 !important;
letter-spacing: 0.085em;
text-transform: uppercase;
font-style: normal !important;
color: #55534E !important;
text-wrap: pretty;
}
body #content .dp-voces .dp-voces__quien {
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 12.5px !important;
font-weight: 600 !important;
letter-spacing: 0.045em;
color: #4A7A26 !important;
line-height: 1.5;
}
.dp-voces__puntos {
gap: 0;
display: flex;
justify-content: center;
gap: 10px;
margin-top: clamp(2.4rem, 5vw, 4rem);
}
body #content .dp-voces .dp-voces__punto {
appearance: none;
width: 26px;
height: 44px;
padding: 0;
border: 0;
background: none !important;
box-shadow: none !important;
cursor: pointer;
display: grid;
place-items: center;
border-radius: 999px;
}
.dp-voces__punto::after {
content: "";
width: 8px;
height: 8px;
border-radius: 999px;
background: #CFC9BE;
transition: background-color 0.25s ease, transform 0.25s ease;
}
.dp-voces__punto[aria-current="true"]::after {
background: #4A7A26;
transform: scale(1.15);
}
body #content .dp-voces .dp-voces__punto:hover::after {
background: #4A7A26;
}
body #content .dp-voces .dp-voces__punto:focus-visible {
outline: 2px solid #2C4A26;
outline-offset: 2px;
}
body #content .dp-voces .dp-voces__nota {
margin: clamp(1.6rem, 3.5vw, 2.4rem) 0 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13px !important;
line-height: 1.7 !important;
color: #6F6A61 !important;
letter-spacing: 0.02em;
}
.dp-voces__estrellas {
color: #4A7A26;
letter-spacing: 0.12em;
margin-right: 0.5rem;
}
.dp-voces__fuentes {
letter-spacing: 0.06em;
}
@media (min-width: 621px) and (max-width: 1000px) {
.dp-voces {
--dp-voces-por-vista: 2;
--dp-voces-aire: clamp(2rem, 5vw, 3rem);
}
.dp-voces--vivo .dp-voces__voz:nth-child(2n + 1) { grid-column: 1; }
.dp-voces--vivo .dp-voces__voz:nth-child(2n + 2) { grid-column: 2; }
}
@media (max-width: 620px) {
.dp-voces {
--dp-voces-por-vista: 1;
--dp-voces-modo: riel;
}
.dp-voces--vivo .dp-voces__rejilla {
display: flex;
grid-template-columns: none;
gap: 14px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding-inline: 7%;
scrollbar-width: none;
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
}
.dp-voces--vivo .dp-voces__rejilla::-webkit-scrollbar { display: none; }
.dp-voces--vivo .dp-voces__voz,
.dp-voces--vivo .dp-voces__voz:nth-child(n) {
grid-row: auto;
grid-column: auto;
flex: 0 0 100%;
scroll-snap-align: center;
transition: opacity .3s ease;
}
.dp-voces--vivo .dp-voces__voz[data-dp-fuera] {
opacity: 1;
transform: none;
pointer-events: auto;
}
body #content .dp-voces .dp-voces__cita p {
font-size: 14px !important;
line-height: 1.7 !important;
}
}
@media (prefers-reduced-motion: reduce) {
.dp-voces--vivo .dp-voces__voz {
transition: none !important;
}
.dp-voces--vivo .dp-voces__voz[data-dp-fuera] {
transform: none !important;
}
}


/* === dopat-voces-tarjetas (voces-tarjetas.css) === */

html body .dp-voces.dp-voces--tarjetas {
--dp-voces-por-vista: 3;
text-align: left;
}
.dp-voces--tarjetas .dp-voces__ojo {
margin: 0 0 6px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: #4A7A26;
}
html body #content .dp-voces--tarjetas .dp-voces__titulo {
font-family: 'Fraunces', Lora, Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(26px, 3.4vw, 40px) !important;
line-height: 1.08 !important;
margin: 0 0 26px !important;
color: #2C4A26 !important;
text-align: left !important;
text-wrap: balance;
}
.dp-voces--tarjetas .dp-voces__rejilla {
gap: 14px;
align-items: stretch;
}
html body #content .dp-voces--tarjetas .dp-voces__voz {
display: flex;
flex-direction: column;
margin: 0;
padding: 18px 20px;
background: #FFFFFF;
border: 1px solid #E3DED4;
border-radius: 14px;
text-align: left;
}
.dp-voces--tarjetas .dp-voces__comilla { display: none; }
.dp-voces--tarjetas .dp-voces__estrellas {
margin: 0 0 8px !important;
font-size: 13px;
letter-spacing: .1em;
color: #4A7A26;
}
html body #content .dp-voces--tarjetas .dp-voces__cita p {
margin: 0 0 14px !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif !important;
font-size: 15.5px !important;
line-height: 1.55 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #33322E !important;
text-align: left !important;
}
html body #content .dp-voces--tarjetas .dp-voces__quien {
display: flex;
align-items: center;
gap: 10px;
margin: auto 0 0 !important;
font-style: normal !important;
text-align: left !important;
}
.dp-voces--tarjetas .dp-voces__inicial {
flex: 0 0 auto;
width: 38px;
height: 38px;
border-radius: 50%;
background: #2C4A26;
color: #FFFFFF;
font-family: 'Fraunces', Lora, Georgia, serif;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.dp-voces--tarjetas .dp-voces__datos { display: block; line-height: 1.25; }
.dp-voces--tarjetas .dp-voces__datos b {
display: block;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 14.5px;
font-weight: 600;
color: #2C2C2C;
}
.dp-voces--tarjetas .dp-voces__datos small {
display: block;
font-size: 12px;
letter-spacing: .04em;
color: #6B6A64;
}
html body #content .dp-voces--tarjetas .dp-voces__notas {
display: flex;
flex-wrap: wrap;
gap: 8px 22px;
margin: 22px 0 0 !important;
font-family: 'Source Sans 3', Inter, system-ui, sans-serif;
font-size: 13.5px !important;
color: #6B6A64 !important;
text-align: left !important;
}
.dp-voces--tarjetas .dp-voces__notas b {
font-family: 'Fraunces', Lora, Georgia, serif;
font-weight: 500;
font-size: 16px;
color: #2C4A26;
}
@media (min-width: 621px) {
html body .dp-voces.dp-voces--tarjetas { --dp-voces-modo: riel; }
html body #content .dp-voces--tarjetas.dp-voces--vivo .dp-voces__rejilla {
display: flex;
grid-template-columns: none;
gap: 14px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
cursor: grab;
}
html body #content .dp-voces--tarjetas.dp-voces--vivo .dp-voces__rejilla::-webkit-scrollbar { display: none; }
html body #content .dp-voces--tarjetas.dp-voces--vivo .dp-voces__voz,
html body #content .dp-voces--tarjetas.dp-voces--vivo .dp-voces__voz[data-dp-fuera] {
grid-row: auto;
grid-column: auto;
opacity: 1;
transform: none;
pointer-events: auto;
flex: 0 0 calc((100% - 28px) / 3);
scroll-snap-align: center;
}
}
@media (min-width: 621px) and (max-width: 1000px) {
html body .dp-voces.dp-voces--tarjetas { --dp-voces-por-vista: 2; }
html body #content .dp-voces--tarjetas.dp-voces--vivo .dp-voces__voz,
html body #content .dp-voces--tarjetas.dp-voces--vivo .dp-voces__voz[data-dp-fuera] {
flex: 0 0 calc((100% - 14px) / 2);
}
}
html body #content .dp-voces--tarjetas .dp-voces__rejilla.is-arrastrando {
cursor: grabbing;
user-select: none;
}
.dp-voces--tarjetas .dp-voces__puntos { margin-top: 20px; }
@media (max-width: 620px) {
html body .dp-voces.dp-voces--tarjetas { --dp-voces-por-vista: 1; }
html body #content .dp-voces--tarjetas .dp-voces__voz { padding: 16px 18px; }
html body #content .dp-voces--tarjetas .dp-voces__cita p { font-size: 15px !important; }
html body #content .dp-voces--tarjetas .dp-voces__notas { gap: 6px 16px; font-size: 13px !important; }
}
body.home #content .entry-content .dp-voces--tarjetas {
padding-top: 64px !important;
padding-bottom: 40px !important;
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.home #content .entry-content > .wp-block-uagb-container.dp-home-mapa {
padding-top: 26px !important;
}
body.home #content .entry-content .dp-carta {
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-top: 34px !important;
}
@media (max-width: 780px) {
body.home #content .entry-content .dp-carta {
padding-top: 24px !important;
}
}
body.home #content .dp-voces--tarjetas .dp-voces__puntos {
justify-content: flex-start;
}
@media (max-width: 780px) {
body.home #content .entry-content .dp-voces--tarjetas {
padding-top: 40px !important;
padding-bottom: 28px !important;
}
body.home #content .entry-content > .wp-block-uagb-container.dp-home-mapa {
padding-top: 20px !important;
}
body.home #content .dp-voces--tarjetas .dp-voces__puntos {
justify-content: center;
}
}
.dp-voces--tarjetas .dp-voces__datos small a {
color: var(--dp-gold-ink, #4A7A26);
text-decoration: underline;
text-underline-offset: 2px;
}
.dp-voces--tarjetas .dp-voces__datos small a:hover,
.dp-voces--tarjetas .dp-voces__datos small a:focus-visible { color: var(--dp-green, #2C4A26); }