/* sacredvalleyvip.com · which-sacred-valley-tour.css */
.ph1{padding:28px 0 36px;background:linear-gradient(180deg,#fff 0,var(--fondo-claro) 100%)} .ph1 .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start} .ph1 .crumbs{margin-top:0}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .three .card h3{display:flex;gap:10px;align-items:center} .three .card h3 i{width:34px;height:34px;border-radius:50%;background:var(--verde);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;color:var(--texto);font-size:.95rem;flex:none} .three .card p{margin:0}
.compare th:first-child{min-width:150px} .compare td{font-size:.92rem;line-height:1.35;padding-top:10px;padding-bottom:10px} .compare tbody th{line-height:1.35;padding-top:10px;padding-bottom:10px}
@media(max-width:900px){.ph1 .wrap,.three{grid-template-columns:1fr}}

/* ===== comparativa: selector, atajos, tabla y tarjetas móviles ===== */
.quick{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px} .quick button{border:1px solid var(--linea);border-radius:999px;padding:8px 13px;font:inherit;font-size:.86rem;font-weight:600;color:var(--texto);background:#fff;cursor:pointer;transition:border-color .15s,color .15s,background .15s} .quick button:hover,.quick button.on{border-color:var(--verde);color:var(--verde-texto);background:var(--tinte)}
.picker{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:end;box-shadow:var(--sombra)} .picker .pick-res{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .picker .pick-res div{flex:1 1 220px} .picker .pick-res b{margin:2px 0 0} .picker .pick-res .btn{width:auto;flex:none} .pk-q{display:block;font-size:.78rem;font-weight:700;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.seg{display:flex;background:var(--fondo-claro);border-radius:12px;padding:4px;gap:4px} .seg button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px 8px;font:inherit;font-size:.86rem;line-height:1.2;font-weight:600;color:var(--texto-suave);cursor:pointer;transition:background .15s,color .15s} .seg button.on{background:#fff;color:var(--texto);box-shadow:0 1px 4px rgba(0,0,0,.08)} .seg button:hover:not(.on){color:var(--texto)}
.pick-res{background:var(--tinte);border-radius:12px;padding:12px 16px;min-width:250px} .pick-res small{display:block;font-size:.74rem;font-weight:700;color:var(--verde-texto);text-transform:uppercase;letter-spacing:.06em} .pick-res b{display:block;font-size:1.05rem;margin:2px 0 8px;line-height:1.25} .pick-res .btn{padding:9px 14px;font-size:.9rem;width:100%}
.matrix.picking .cellp:not(.pick){opacity:.5;transform:none} .matrix.picking .cellp.pick{opacity:1;border-color:var(--verde);background:var(--tinte);box-shadow:var(--sombra)} .matrix.picking .cellp.hot:not(.pick){background:#fff;border-color:var(--linea)} .matrix.picking .cellp.hot:not(.pick)::before{display:none}
.tgl{display:flex;justify-content:flex-end;margin:0 0 10px} .tgl label{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--texto-suave);cursor:pointer} .tgl input{position:absolute;opacity:0;width:0;height:0} .tgl i{width:40px;height:22px;border-radius:999px;background:#C9D4D0;position:relative;display:inline-block;transition:background .2s} .tgl i::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s} .tgl input:checked+i{background:var(--verde)} .tgl input:checked+i::after{transform:translateX(18px)}
.compare.diff tr.same{display:none}
.compare table{border-collapse:separate;border-spacing:0} .compare th:nth-child(4),.compare td:nth-child(4){background:var(--tinte)} .compare thead th{background:var(--fondo-claro);vertical-align:bottom} .compare thead th:nth-child(4){background:#D9F0E5;position:relative;padding-top:30px} .compare thead th:nth-child(4)::before{content:attr(data-rec);position:absolute;top:8px;left:50%;transform:translateX(-50%);background:var(--verde);color:#fff;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap}
.compare .yes{display:inline-flex;align-items:center;gap:6px;color:var(--verde-texto);font-weight:700} .compare .yes::before{content:'';flex:none;width:16px;height:16px;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/60% no-repeat} .compare .no{display:inline-flex;align-items:center;gap:6px;color:#8E9B97} .compare .no::before{content:'';flex:none;width:16px;height:16px;border-radius:50%;background:#E3E9E7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E9B97' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E") center/60% no-repeat}
.compare tbody td:nth-child(4) .btn{background:var(--verde);color:#fff;border-color:var(--verde)}
.cmp-cards{display:none}
@media(max-width:720px){.picker{grid-template-columns:1fr;gap:12px} .pick-res{min-width:0} .tgl{display:none} .compare{display:none} .cmp-cards{display:grid;gap:14px} .cmp-card{border:1px solid var(--linea);border-radius:var(--r);padding:14px 16px;background:#fff;position:relative} .cmp-card.hot{border-color:var(--verde);background:var(--tinte)} .cmp-card h3{font-size:1.15rem;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--linea)} .cmp-card>div:not(.cmp-cta){display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--linea);font-size:.9rem} .cmp-card>div>span{color:var(--texto-suave);font-weight:600;flex:0 0 42%} .cmp-card>div>div{text-align:right} .cmp-card .cmp-cta{padding-top:12px} .cmp-card .cmp-cta .btn{width:100%} .cmp-card.pick{border:2px solid var(--verde);outline:0}}
.compare td.pickcol,.compare th.pickcol{box-shadow:inset 3px 0 0 var(--verde),inset -3px 0 0 var(--verde)}

/* columna bajo el ratón: toma el aspecto de la recomendada; la recomendada vuelve a blanco mientras tanto */
.compare td,.compare th{transition:background .15s} .compare.hovering th:nth-child(4):not(.hovcol),.compare.hovering td:nth-child(4):not(.hovcol){background:#fff} .compare.hovering thead th:nth-child(4):not(.hovcol){background:var(--fondo-claro)}
.compare .hovcol{background:var(--tinte)} .compare thead .hovcol{background:#D9F0E5} .compare.hovering tbody td:nth-child(4):not(.hovcol) .btn{background:transparent;color:var(--verde-texto)} .compare tbody td.hovcol .btn{background:var(--verde);color:#fff;border-color:var(--verde)}

/* ===== decide en tres pasos: elección en cada paso + resultado ===== */
.three{position:relative} .three::before{content:'';position:absolute;left:12%;right:12%;top:46px;height:2px;background:var(--linea);z-index:0} .three .card{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:22px 22px 18px;transition:border-color .15s,box-shadow .15s} .three .card.done{border-color:var(--verde)} .three .card h3 i{color:#fff} .three .card.done h3 i{background:var(--verde-texto)}
.three .card h3{margin:0} .three .card p{color:var(--texto-suave);flex:1;margin:0} .three .card p a{color:var(--verde-texto)}
.pick3{display:flex;flex-direction:column;gap:8px} .pick3 button{flex:1 1 auto;border:1.5px solid var(--linea);background:#fff;border-radius:10px;padding:10px 12px;font:inherit;font-size:.9rem;font-weight:600;color:var(--texto);cursor:pointer;text-align:left;transition:border-color .15s,background .15s} .pick3 button small{display:block;font-weight:500;color:var(--texto-suave);font-size:.8rem;margin-top:2px} .pick3 button.on{border-color:var(--verde);background:var(--tinte);color:var(--verde-texto)} .pick3 button:hover{border-color:var(--verde)}
.res3{margin-top:18px;background:#fff;border:1px solid var(--verde);border-radius:var(--r);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:var(--sombra)} .res3 small{display:block;font-size:.76rem;font-weight:700;color:var(--verde-texto);text-transform:uppercase;letter-spacing:.06em} .res3 b{display:block;font-size:1.25rem;margin-top:2px} .res3 .btns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:720px){.three::before{display:none} .res3 .btns{width:100%} .res3 .btns .btn{flex:1}}

.res3-cta{white-space:nowrap}

/* ===== comparativa: cuadrícula 2×2 por decisión del viajero + tabla plegada ===== */
.dm{margin:0 0 22px} .dm-q{margin:0 0 14px;font-size:.95rem;color:var(--texto-suave)} .dm-q b{color:var(--texto)}
.dm-ax,.dm-row{display:grid;grid-template-columns:130px 1fr 1fr;gap:12px} .dm-ax{align-items:end;margin-bottom:10px} .dm-ax b{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-suave);text-align:center;background:var(--fondo-claro);border-radius:999px;padding:7px 8px}
.dm-row{margin-bottom:14px} .dm-row>b{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-suave);background:var(--fondo-claro);border-radius:12px;padding:10px}
.dc{position:relative;background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0} .dc.rec{border:2px solid var(--verde);background:var(--tinte)} .dc .rb{position:absolute;top:-11px;left:16px;background:var(--verde);color:#fff;font-size:.7rem;font-weight:800;border-radius:999px;padding:3px 10px;text-transform:uppercase;letter-spacing:.04em}
.dh b{display:block;font-size:1.12rem} .dh small{color:var(--texto-suave);font-size:.84rem} .dp em{font-style:normal;font-size:1.75rem;font-weight:800;color:var(--verde-texto);letter-spacing:-.02em;line-height:1.1} .dp small{display:block;font-size:.78rem;color:var(--texto-suave)}
.dt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:8px 10px} .dt small{display:block;font-size:.66rem;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.05em} .dt b{font-size:1.05rem} .dt i{font-style:normal;font-size:.78rem;color:var(--texto-suave);margin-left:4px} .dt .ar{color:var(--texto-suave)} .dt .du{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--verde-texto);background:var(--tinte);border-radius:999px;padding:3px 9px}
.ds{display:flex;flex-wrap:wrap;gap:4px} .ds span{font-size:.76rem;font-weight:600;background:var(--fondo-claro);border-radius:999px;padding:3px 9px} .ds span.lu{background:#FFF4DF;color:#8A5A00}
.dk{list-style:none;margin:0;padding:0;font-size:.88rem} .dk li{padding:3px 0 3px 22px;position:relative;line-height:1.35} .dk li::before{position:absolute;left:0;font-weight:800} .dk li.y::before{content:'✓';color:var(--verde-texto)} .dk li.n::before{content:'—';color:#9AA7A3} .dk li.i{color:var(--texto-suave);font-size:.8rem} .dk li.i::before{content:'•';color:#9AA7A3}
.dc .btn{margin-top:auto;text-align:center}
.cmp-more{margin:6px 0 0;border:1px solid var(--linea);border-radius:var(--r);background:#fff} .cmp-more>summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;color:var(--verde-texto);display:flex;justify-content:space-between;align-items:center} .cmp-more>summary::-webkit-details-marker{display:none} .cmp-more>summary::after{content:'+';font-size:1.3rem;line-height:1} .cmp-more[open]>summary::after{content:'−'} .cmp-more[open]>summary{border-bottom:1px solid var(--linea)} .cmp-more>.tbl,.cmp-more>.cmp-cards{margin:14px}
@media(max-width:900px){.dm-ax{display:none} .dm-row{grid-template-columns:1fr 1fr} .dm-row>b{grid-column:1/-1;justify-content:flex-start;padding:8px 12px}}
@media(max-width:640px){.dm-row{grid-template-columns:1fr}}

/* cuadrícula: estado destacado que sigue al ratón (por defecto, fila «vuelvo a Cusco» y VIP · 5 sitios) */
.dc{border-width:1px;transition:background .15s,border-color .15s,box-shadow .15s} .dc.rec{border:1px solid var(--verde);box-shadow:0 0 0 1px var(--verde)}
.dm:has(.dc:hover) .dc.rec:not(:hover){background:#fff;border-color:var(--linea);box-shadow:none}
.dc:hover{background:var(--tinte);border-color:var(--verde);box-shadow:0 0 0 1px var(--verde)}
.dm-row>b{transition:background .15s,color .15s} .dm-ax+.dm-row>b{background:var(--verde);color:#fff}
.dm:has(.dm-row:hover) .dm-row>b{background:var(--fondo-claro);color:var(--texto-suave)} .dm:has(.dm-row:hover) .dm-row:hover>b{background:var(--verde);color:#fff}
/* el botón sigue al destacado: relleno en la tarjeta señalada, contorno en la que lo pierde */
.dm .dc .btn{transition:background .15s,border-color .15s,color .15s}
.dm .dc:hover .btn-o{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-tx)}
.dm:has(.dc:hover) .dc.rec:not(:hover) .btn-p{background:transparent;border-color:var(--verde-texto);color:var(--verde-texto)}
.dm .dc .btn:hover{background:var(--btn-bg-h);border-color:var(--btn-bg-h);color:#fff}
/* encabezados de columna: por defecto «con Maras y Moray» (columna del VIP); siguen a la tarjeta señalada */
.dm-ax b{transition:background .15s,color .15s} .dm-ax b:nth-of-type(2){background:#202D2C;color:#fff}
.dm:has(.dc:hover) .dm-ax b{background:var(--fondo-claro);color:var(--texto-suave)}
.dm:has(.dm-row>.dc:nth-child(2):hover) .dm-ax b:nth-of-type(1),.dm:has(.dm-row>.dc:nth-child(3):hover) .dm-ax b:nth-of-type(2){background:#202D2C;color:#fff}
/* insignia «el más completo» dentro de la tarjeta, arriba a la derecha (no choca con el encabezado de columna) */
.dc .rb{top:16px;left:auto;right:16px;white-space:nowrap} .dc.rec .dh{padding-right:0} .dc.rec .dh b{padding-right:160px}
@media(max-width:480px){.dc .rb{top:14px;right:12px;font-size:.62rem;padding:3px 8px} .dc.rec .dh{padding-right:0} .dc.rec .dh b{padding-right:125px}}
/* matriz del encabezado: la casilla señalada toma el estado elegido y la elegida se atenúa como las demás */
.matrix.picking:has(.cellp:hover) .cellp.pick:not(:hover){opacity:.5;border-color:var(--linea);background:#fff;box-shadow:none}
.matrix.picking .cellp.cellp:hover{opacity:1;border-color:var(--verde);background:var(--tinte);box-shadow:var(--sombra)}
.matrix .cellp{transition:opacity .15s,background .15s,border-color .15s,box-shadow .15s}

/* chips de paradas: en verde con letra blanca en la tarjeta activa o señalada (el almuerzo, en ámbar) */
.dc .ds span{transition:background .15s,color .15s}
.dc.rec .ds span,.dc:hover .ds span{background:var(--verde);color:#fff}
.dc.rec .ds span.lu,.dc:hover .ds span.lu{background:#F2A83B;color:#fff}
.dm:has(.dc:hover) .dc.rec:not(:hover) .ds span{background:var(--fondo-claro);color:var(--texto)}
.dm:has(.dc:hover) .dc.rec:not(:hover) .ds span.lu{background:#FFF4DF;color:#8A5A00}