/* Padres Digitales · páginas finales */
.pd-error-page,.pd-about-page,.pd-collab-page{background:#f5f5f7;min-height:100vh}.pd-error-hero,.pd-about-hero,.pd-about-section,.pd-collab-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,7rem) 0;background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.74),rgba(255,255,255,0) 30%),linear-gradient(135deg,rgba(245,245,247,.98),rgba(255,255,255,.96) 48%,rgba(232,233,236,.94))}.pd-error-hero:before,.pd-about-hero:before,.pd-about-section:before,.pd-collab-hero:before{content:"";position:absolute;inset:-6%;background:url('../images/malla-apple-dense.svg') center/cover no-repeat;opacity:.44;filter:grayscale(1) contrast(1.02) brightness(.96);animation:pd-pages-mesh 7.5s ease-in-out infinite alternate;pointer-events:none}@keyframes pd-pages-mesh{from{transform:translate3d(-4px,3px,0) scale(1.012)}to{transform:translate3d(7px,-5px,0) scale(1.024)}}.pd-error-hero__inner,.pd-about-hero__inner,.pd-about-grid,.pd-collab-hero__inner{position:relative;z-index:2}.pd-error-hero__inner{text-align:center;max-width:860px}.pd-error-logo{width:clamp(190px,24vw,320px);height:auto;margin:0 auto 2rem;filter:grayscale(1) contrast(1.04)}.pd-error-kicker,.pd-about-eyebrow,.pd-collab-eyebrow{margin:0 0 .8rem;color:#6e6e73;font-size:.94rem;font-weight:760}.pd-error-hero h1,.pd-about-hero h1,.pd-collab-hero h1{margin:0;color:#1d1d1f;font-size:clamp(3rem,6vw,6rem);line-height:.96;letter-spacing:-.055em}.pd-error-hero p,.pd-about-hero p,.pd-collab-copy p{color:#6e6e73;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.48}.pd-error-search{display:flex;gap:.6rem;margin:2rem auto 1rem;max-width:660px;padding:.45rem;background:#fff;border:1px solid rgba(210,210,215,.9);border-radius:18px;box-shadow:0 24px 70px rgba(29,29,31,.08)}.pd-error-search label{flex:1;margin:0}.pd-error-search input{width:100%;min-height:48px;border:0;background:transparent;padding:0 1rem}.pd-error-search button,.pd-error-home,.pd-collab-form button{min-height:48px;padding:0 1.25rem;color:#fff;background:#1d1d1f;border:1px solid #1d1d1f;border-radius:999px;font-weight:760;text-decoration:none;transition:all 90ms ease}.pd-error-search button:hover,.pd-error-search button:focus,.pd-error-home:hover,.pd-error-home:focus,.pd-collab-form button:hover,.pd-collab-form button:focus{color:#1d1d1f;background:#fff;box-shadow:inset 0 0 0 1px #1d1d1f;transform:translateY(-1px)}.pd-about-hero__inner,.pd-collab-hero__inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,500px);gap:clamp(2rem,5vw,5rem);align-items:center}.pd-about-card,.pd-collab-form{padding:clamp(1.25rem,3vw,2rem);background:rgba(255,255,255,.58);border:1px solid rgba(210,210,215,.72);border-radius:28px;box-shadow:0 24px 70px rgba(29,29,31,.08);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.pd-about-card img{display:block;width:min(72%,260px);height:auto;margin:0 auto 1.5rem;filter:grayscale(1) contrast(1.04)}.pd-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pd-about-grid article{padding:1.4rem;background:rgba(255,255,255,.58);border:1px solid rgba(210,210,215,.72);border-radius:24px}.pd-about-grid span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:999px;background:#f5f5f7;color:#6e6e73;font-weight:800}.pd-about-grid h2{margin:1rem 0 .6rem;color:#1d1d1f}.pd-about-grid p{color:#6e6e73;line-height:1.5}.pd-collab-form{display:grid;gap:1rem}.pd-collab-form label{margin:0}.pd-collab-form label>span:first-child{display:block;margin-bottom:.45rem;color:#1d1d1f;font-size:.9rem;font-weight:760}.pd-collab-form input,.pd-collab-form select,.pd-collab-form textarea{width:100%;padding:0 .95rem;color:#1d1d1f;background:rgba(245,245,247,.92);border:1px solid rgba(134,134,139,.34);border-radius:14px;font-size:1rem}.pd-collab-form input,.pd-collab-form select{min-height:48px}.pd-collab-form textarea{min-height:150px;padding-block:.85rem;resize:vertical}.pd-collab-form__privacy{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;color:#6e6e73;font-size:.82rem;line-height:1.4}.pd-collab-form__privacy a{color:#1d1d1f;text-decoration:underline;text-underline-offset:3px}.pd-collab-form__legal{margin:0;color:#8e8e93;font-size:.78rem;line-height:1.45}.pd-subscribe-form a,.pd-contact-form a,.pd-collab-form a,.pd-search-empty a,.pd-article-help a{color:inherit!important;text-decoration:underline;text-underline-offset:3px;font-weight:760}.pd-search-empty a,.pd-article-help a{color:#fff!important}@media(max-width:820px){.pd-about-hero__inner,.pd-collab-hero__inner,.pd-about-grid{grid-template-columns:1fr}.pd-error-hero h1,.pd-about-hero h1,.pd-collab-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.pd-error-search{flex-direction:column}.pd-error-search button{width:100%}}


/* Ajustes v7.8.1 */
.pd-error-code{margin:0 auto .85rem;font-size:clamp(6rem,22vw,15rem);line-height:.78;font-weight:900;letter-spacing:-.085em;background:linear-gradient(110deg,#1d1d1f 0%,#5f6368 28%,#0a84ff 52%,#7d7f86 76%,#1d1d1f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 28px 70px rgba(10,132,255,.16)}
.pd-error-kicker{font-size:clamp(1rem,1.8vw,1.35rem);text-transform:uppercase;letter-spacing:.18em}.pd-error-hero__inner{padding-top:clamp(1rem,3vw,2rem)}
.pd-subscribe-form a,.pd-contact-form a,.pd-collab-form a{transition:color 80ms ease,background-color 80ms ease,box-shadow 80ms ease,border-color 80ms ease,transform 80ms ease}.pd-subscribe-page [class*="dark"] a,.pd-contact-page [class*="dark"] a,.pd-collab-page [class*="dark"] a,.pd-subscribe-page [style*="background:#1d1d1f"] a,.pd-contact-page [style*="background:#1d1d1f"] a,.pd-collab-page [style*="background:#1d1d1f"] a{color:#fff!important;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pd-collab-form a{color:inherit!important;font-weight:800}

/* 7.11.9: enlaces legales de formularios sin azul ni subrayado. */
.pd-collab-form__privacy a { color: currentColor !important; font-weight: 760 !important; font-style: normal !important; text-decoration: none !important; }

/* 7.12.0: landing Colabora y binario dentro de cajas. */
.pd-collab-proof{display:flex;flex-wrap:wrap;gap:.55rem;margin:clamp(1.15rem,2vw,1.8rem) 0 0}.pd-collab-proof span{display:inline-flex;align-items:center;min-height:34px;padding:0 .82rem;color:#36383d;background:rgba(255,255,255,.72);border:1px solid rgba(210,210,215,.86);border-radius:999px;box-shadow:0 12px 32px rgba(29,29,31,.07);font-size:.84rem;font-weight:720}
.pd-collab-form{position:relative;overflow:hidden}.pd-collab-form>*{position:relative;z-index:1}.pd-collab-form:before,.pd-collab-form:after{position:absolute;content:"0101 1100 0011 1010 0110 1001 0101 0010 1110 0001\A1011 0100 0101 1100 0011 1010 0110 1001 0101 0010\A0010 1110 0001 1011 0100 0101 1100 0011 1010 0110\A1001 0101 0010 1110 0001 1011 0100 0101 1100 0011";width:155%;color:rgba(92,98,108,.34);font-family:"Courier New",monospace;font-size:clamp(1rem,1.6vw,1.5rem);font-weight:700;letter-spacing:.16em;line-height:1.42;opacity:.9;pointer-events:none;white-space:pre-wrap;z-index:0}.pd-collab-form:before{left:-28%;top:8%;transform:rotate(-8deg);animation:pd-collab-binary-a 16s linear infinite}.pd-collab-form:after{right:-35%;bottom:4%;color:rgba(30,34,40,.18);transform:rotate(10deg);animation:pd-collab-binary-b 19s linear infinite}@keyframes pd-collab-binary-a{from{translate:-5% -2%}to{translate:8% 4%}}@keyframes pd-collab-binary-b{from{translate:8% 4%}to{translate:-8% -4%}}
.pd-collab-guide{position:relative;overflow:hidden;padding:clamp(3.8rem,7vw,7rem) 0;background:radial-gradient(circle at 18% 42%,rgba(255,255,255,.14),transparent 28%),linear-gradient(135deg,#101113 0%,#1d1d1f 48%,#4a4d53 100%);color:#f5f5f7}.pd-collab-guide:before,.pd-collab-guide:after{position:absolute;content:"0101 1100 0011 1010 0110 1001 0101 0010 1110 0001\A1011 0100 0101 1100 0011 1010 0110 1001 0101 0010\A0010 1110 0001 1011 0100 0101 1100 0011 1010 0110";width:150%;font-family:"Courier New",monospace;font-size:clamp(1.1rem,1.8vw,1.8rem);letter-spacing:.18em;line-height:1.6;color:rgba(245,245,247,.20);white-space:pre-wrap;pointer-events:none}.pd-collab-guide:before{left:-20%;top:6%;transform:rotate(-8deg);animation:pd-collab-binary-a 15s linear infinite}.pd-collab-guide:after{right:-24%;bottom:6%;color:rgba(190,198,208,.24);transform:rotate(9deg);animation:pd-collab-binary-b 18s linear infinite}.pd-collab-guide__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}.pd-collab-guide__copy h2{max-width:760px;margin:0;color:#fff;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.98}.pd-collab-guide__copy p{max-width:610px;margin:1rem 0 0;color:rgba(245,245,247,.76);font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.48}.pd-collab-device{position:relative;min-height:clamp(240px,32vw,430px);filter:drop-shadow(0 42px 85px rgba(0,0,0,.38))}.pd-collab-device:before,.pd-collab-device:after,.pd-collab-device span{position:absolute;content:""}.pd-collab-device:before{inset:8% 2% 8%;border:2px solid rgba(238,242,246,.24);border-radius:32px;background:linear-gradient(135deg,rgba(245,245,247,.18),rgba(134,139,146,.08));transform:perspective(900px) rotateY(-13deg) rotateZ(-4deg)}.pd-collab-device:after{inset:20% 14% 22%;border-radius:16px;background:repeating-linear-gradient(0deg,rgba(245,245,247,.28) 0 2px,transparent 2px 16px),linear-gradient(90deg,rgba(255,255,255,.20),transparent);animation:pd-guide-pages 3.8s ease-in-out infinite}.pd-collab-device span{inset:0;background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.26),transparent 18%),radial-gradient(circle at 70% 72%,rgba(238,242,246,.18),transparent 24%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 64%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 64%,transparent 100%)}@keyframes pd-guide-pages{0%,100%{translate:0 0;opacity:.72}50%{translate:8px -5px;opacity:1}}
.pd-collab-steps{padding:clamp(3rem,6vw,5.5rem) 0;background:#f5f5f7}.pd-collab-steps__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pd-collab-steps article{position:relative;overflow:hidden;padding:clamp(1.1rem,2.4vw,1.6rem);background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.98),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,239,242,.78));border:1px solid rgba(210,210,215,.86);border-radius:24px;box-shadow:0 18px 48px rgba(29,29,31,.07)}.pd-collab-steps article:before{position:absolute;inset:0;content:"0101 1100 0011 1010 0110\A1001 0101 0010 1110 0001\A1011 0100 0101 1100 0011";color:rgba(92,98,108,.18);font-family:"Courier New",monospace;font-size:1.05rem;letter-spacing:.15em;line-height:1.5;white-space:pre-wrap;transform:rotate(-7deg);pointer-events:none}.pd-collab-steps article>*{position:relative;z-index:1}.pd-collab-steps span{display:block;margin:0 0 1.1rem;background:linear-gradient(135deg,rgba(4,19,33,.34) 0%,rgba(8,44,75,.28) 46%,rgba(10,93,148,.34) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(64px,5.2vw,86px);font-weight:840;letter-spacing:-.075em;line-height:.78}.pd-collab-steps h2{margin:0;color:#1d1d1f;font-size:clamp(1.18rem,1.6vw,1.55rem);line-height:1.08}.pd-collab-steps p{margin:.65rem 0 0;color:#6e6e73;font-size:.95rem;line-height:1.46}
@media(max-width:820px){.pd-collab-guide__inner,.pd-collab-steps__grid{grid-template-columns:1fr}.pd-collab-device{min-height:230px}}
@media(prefers-reduced-motion:reduce){.pd-collab-form:before,.pd-collab-form:after,.pd-collab-guide:before,.pd-collab-guide:after,.pd-collab-device:after{animation:none}}

/* 7.12.1: cajas numeradas de Colabora con binario vivo y variado. */
.pd-collab-steps article:before,
.pd-collab-steps article:after {
    position: absolute;
    inset: -36% -44%;
    z-index: 0;
    font-family: "Courier New", monospace;
    font-weight: 700;
    letter-spacing: .16em;
    white-space: pre-wrap;
    pointer-events: none;
}

.pd-collab-steps article:before {
    content: "0101 1100 0011 1010 0110 1001\A0101 0010 1110 0001 1011 0100\A0011 1010 0110 1001 0101 0010\A1110 0001 1011 0100 0101 1100";
    color: rgba(74,80,90,.20);
    font-size: clamp(.95rem, 1.3vw, 1.28rem);
    line-height: 1.72;
    transform: rotate(-12deg);
    animation: pd-collab-card-binary-a 20s linear infinite;
}

.pd-collab-steps article:after {
    content: "1001 0101 0010 1110 0001\A1011 0100 0101 1100 0011\A0110 1001 0101 0010 1110";
    color: rgba(160,169,180,.23);
    font-size: clamp(.86rem, 1.1vw, 1.12rem);
    line-height: 1.92;
    transform: rotate(11deg);
    animation: pd-collab-card-binary-b 27s linear infinite;
}

.pd-collab-steps article:nth-child(2):before { transform: rotate(7deg); animation-duration: 24s; animation-direction: reverse; color: rgba(35,41,50,.15); }
.pd-collab-steps article:nth-child(2):after { transform: rotate(-15deg); animation-duration: 21s; }
.pd-collab-steps article:nth-child(3):before { transform: rotate(15deg); animation-duration: 22s; color: rgba(142,151,162,.24); }
.pd-collab-steps article:nth-child(3):after { transform: rotate(-7deg); animation-duration: 29s; animation-direction: reverse; color: rgba(74,80,90,.18); }

@keyframes pd-collab-card-binary-a {
    0% { translate: -5% -4%; }
    50% { translate: 8% 10%; }
    100% { translate: -5% -4%; }
}

@keyframes pd-collab-card-binary-b {
    0% { translate: 7% 8%; }
    50% { translate: -8% -7%; }
    100% { translate: 7% 8%; }
}

@media(prefers-reduced-motion:reduce){
    .pd-collab-steps article:before,
    .pd-collab-steps article:after {
        animation:none;
    }
}

/* 7.12.2: Sobre Padres Digitales y tarjetas con carrusel binario completo. */
.pd-about-card,
.pd-about-grid article,
.pd-collab-steps article {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.pd-about-card > *,
.pd-about-grid article > *,
.pd-collab-steps article > * {
    position: relative;
    z-index: 1;
}

.pd-about-card::before,
.pd-about-card::after {
    position: absolute;
    z-index: 0;
    width: 170%;
    font-family: "Courier New", monospace;
    font-weight: 700;
    letter-spacing: .17em;
    white-space: pre-wrap;
    pointer-events: none;
}

.pd-about-card::before {
    inset: -20% auto auto -34%;
    content: "0101 1100 0011 1010 0110 1001 0101 0010\A1110 0001 1011 0100 0101 1100 0011 1010\A0011 1010 0110 1001 0101 0010 1110 0001\A1011 0100 0101 1100 0011 1010 0110 1001";
    color: rgba(74,80,90,.18);
    font-size: clamp(.95rem, 1.35vw, 1.35rem);
    line-height: 1.7;
    transform: rotate(-12deg);
    animation: pd-card-binary-sweep-a 22s linear infinite;
}

.pd-about-card::after {
    right: -38%;
    bottom: -20%;
    content: "1001 0101 0010 1110 0001 1011 0100\A0110 1001 0101 0010 1110 0001 1011\A1100 0011 1010 0110 1001 0101 0010";
    color: rgba(160,169,180,.24);
    font-size: clamp(.85rem, 1.15vw, 1.15rem);
    line-height: 1.9;
    transform: rotate(14deg);
    animation: pd-card-binary-sweep-b 28s linear infinite;
}

.pd-about-grid span {
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 1.1rem;
    background: linear-gradient(135deg, rgba(4,19,33,.34) 0%, rgba(8,44,75,.28) 46%, rgba(10,93,148,.34) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    border-radius: 0;
    color: transparent;
    font-size: clamp(64px, 5.2vw, 86px);
    font-weight: 840;
    letter-spacing: -.075em;
    line-height: .78;
}

.pd-about-grid article::before,
.pd-about-grid article::after,
.pd-collab-steps article::before,
.pd-collab-steps article::after {
    position: absolute;
    z-index: 0;
    width: 185%;
    font-family: "Courier New", monospace;
    font-weight: 700;
    letter-spacing: .16em;
    white-space: pre-wrap;
    pointer-events: none;
}

.pd-about-grid article::before,
.pd-collab-steps article::before {
    inset: -26% auto auto -42%;
    content: "0101 1100 0011 1010 0110 1001 0101 0010\A1110 0001 1011 0100 0101 1100 0011 1010\A0011 1010 0110 1001 0101 0010 1110 0001\A1011 0100 0101 1100 0011 1010 0110 1001\A0101 0010 1110 0001 1011 0100 0101 1100";
    color: rgba(60,67,78,.22);
    font-size: clamp(1rem, 1.45vw, 1.42rem);
    line-height: 1.66;
    transform: rotate(-14deg);
    animation: pd-card-binary-sweep-a 18s linear infinite;
}

.pd-about-grid article::after,
.pd-collab-steps article::after {
    right: -46%;
    bottom: -30%;
    content: "1001 0101 0010 1110 0001 1011 0100\A0110 1001 0101 0010 1110 0001 1011\A1100 0011 1010 0110 1001 0101 0010\A0001 1011 0100 0101 1100 0011 1010";
    color: rgba(150,160,172,.26);
    font-size: clamp(.9rem, 1.2vw, 1.18rem);
    line-height: 1.92;
    transform: rotate(13deg);
    animation: pd-card-binary-sweep-b 25s linear infinite;
}

.pd-about-grid article:nth-child(2)::before,
.pd-collab-steps article:nth-child(2)::before {
    inset: -18% auto auto -50%;
    color: rgba(35,41,50,.17);
    transform: rotate(9deg);
    animation-duration: 23s;
    animation-direction: reverse;
}

.pd-about-grid article:nth-child(2)::after,
.pd-collab-steps article:nth-child(2)::after {
    right: -52%;
    bottom: -18%;
    transform: rotate(-17deg);
    animation-duration: 19s;
}

.pd-about-grid article:nth-child(3)::before,
.pd-collab-steps article:nth-child(3)::before {
    inset: -30% auto auto -34%;
    color: rgba(142,151,162,.28);
    transform: rotate(16deg);
    animation-duration: 21s;
}

.pd-about-grid article:nth-child(3)::after,
.pd-collab-steps article:nth-child(3)::after {
    right: -38%;
    bottom: -36%;
    color: rgba(65,72,84,.19);
    transform: rotate(-8deg);
    animation-duration: 29s;
    animation-direction: reverse;
}

@keyframes pd-card-binary-sweep-a {
    0% { translate: -6% -8%; }
    45% { translate: 10% 13%; }
    100% { translate: -6% -8%; }
}

@keyframes pd-card-binary-sweep-b {
    0% { translate: 9% 10%; }
    50% { translate: -10% -12%; }
    100% { translate: 9% 10%; }
}

@media(max-width:820px){
    .pd-about-grid article::before,
    .pd-collab-steps article::before {
        width: 230%;
        font-size: .98rem;
    }

    .pd-about-grid article::after,
    .pd-collab-steps article::after {
        width: 210%;
        font-size: .88rem;
    }
}

@media(prefers-reduced-motion:reduce){
    .pd-about-card::before,
    .pd-about-card::after,
    .pd-about-grid article::before,
    .pd-about-grid article::after,
    .pd-collab-steps article::before,
    .pd-collab-steps article::after {
        animation:none;
    }
}
