/* pilardelpuerto.com — copia estática de la web de Wix */

/* Tipografías: se usan las del sistema cuando existen (Mac, iPhone, Windows) y, si no, alternativas libres equivalentes */
@font-face{font-family:'PdpImpact';src:local('Impact'),local('Impact Regular'),url(/assets/fonts/anton-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'PdpArialBlack';src:local('Arial Black'),local('ArialMT-Black'),url(/assets/fonts/arimo-latin-700-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'PdpHelvLight';src:local('Helvetica Light'),local('Helvetica-Light'),local('HelveticaNeue-Light'),local('Helvetica Neue Light'),url(/assets/fonts/arimo-latin-400-normal.woff2) format('woff2');font-weight:100 500;font-display:swap}
@font-face{font-family:'PdpHelvLight';src:local('Helvetica'),local('HelveticaNeue'),local('Helvetica Neue'),local('Arial'),url(/assets/fonts/arimo-latin-400-normal.woff2) format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:'PdpHelv';src:local('Helvetica'),local('Helvetica Neue'),local('HelveticaNeue'),local('Arial'),url(/assets/fonts/arimo-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'PdpHelvBold';src:local('Helvetica Bold'),local('Helvetica-Bold'),local('HelveticaNeue-Bold'),local('Arial Bold'),local('Arial-BoldMT'),url(/assets/fonts/arimo-latin-700-normal.woff2) format('woff2');font-display:swap}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Arial,'PdpHelv',sans-serif;font-size:10px;color:#000;overflow-x:auto}
a{color:inherit;text-decoration:none}
img,video{display:block}
.t a{color:inherit}
.t p,.t h1,.t h2,.t h3,.t h4,.t h5,.t h6,.t ul,.t ol{margin:0}
.t ul,.t ol{padding-left:1.3em}
.t span[style*="underline"],.t a[style*="underline"]{text-decoration:underline}

/* ---------- escritorio ---------- */
.d{position:relative;min-width:980px;container-type:inline-size;overflow:hidden}
.d .page{position:relative;height:var(--H)}
.d .page>*{position:absolute}
.t{word-wrap:break-word;overflow-wrap:break-word}
.b{pointer-events:none}
.i{display:block}

/* galerías */
.gi{display:block;overflow:hidden;cursor:pointer;background:transparent}
.gi img,.gi video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.gi .ov{position:absolute;inset:0;background:rgba(89,89,89,.6);opacity:0;transition:opacity .2s ease;pointer-events:none}
.gi:hover .ov,.gi:focus-visible .ov{opacity:1;transition:none}
.gi.empty{cursor:default}
.mo .gi,.d .gi{position:absolute}

/* cabecera fija */
.d-fixed .menu{position:fixed;left:40px;top:24px;z-index:70}
.menu ul{list-style:none;margin:0;padding:0;display:flex}
.menu li{display:block}
.menu a{display:block;height:42px;line-height:42px;padding:0 15px;font:16px/42px 'PdpHelvBold',sans-serif;color:#c8c8c8;transition:color .4s ease}
.menu li:first-child a{padding:0 15px}
.menu a:hover,.menu a.cur{color:#212121}
.lang{position:fixed;left:1681px;top:35px;z-index:70;display:flex}
.lang a{display:flex;align-items:center;justify-content:center;height:26px;font:16px/22px 'PdpHelv',sans-serif;color:#c8c8c8;transition:color .4s ease}
.lang a:first-child{width:49.4px}
.lang a:last-child{width:51.2px;border-left:1px solid rgba(33,33,33,.54)}
.lang a:hover{color:#212121}
.social{position:fixed;right:100px;bottom:70px;z-index:70;display:flex;gap:12px}
.social a,.so{display:block;width:24px;height:24px}
.social img,.so img{width:24px;height:24px}

/* animación del título (entrada con desenfoque) */
.blurin{animation:pdpBlurIn 2.9s linear .4s backwards}
@keyframes pdpBlurIn{from{filter:blur(6px)}to{filter:blur(0)}}

/* ---------- móvil (diseño de 320 px escalado al ancho del teléfono, como en Wix) ---------- */
.mo,.m-fixed,.mmenu{display:none}
html.m .d,html.m .d-fixed{display:none}
html.m body{min-width:0;overflow-x:hidden}
html.m .mo{display:block;position:relative;width:320px;overflow:hidden}
html.m .mo>*{position:absolute}
html.m .m-fixed{display:block}
.burger{position:fixed;left:11px;top:13px;width:46px;height:38px;border:0;background:transparent;z-index:90;padding:0;cursor:pointer}
.burger i{position:absolute;left:10px;height:2px;border-radius:2px;background:#000;transition:transform .2s ease,width .15s ease,top .2s ease}
.burger i:nth-child(1){top:9px;width:13px}
.burger i:nth-child(2){top:18px;width:26px}
.burger i:nth-child(3){top:27px;width:18px}
.burger[aria-expanded=true] i:nth-child(1){top:18px;width:26px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){transform:rotate(-45deg)}
.burger[aria-expanded=true] i:nth-child(3){top:18px;width:0}
html.m .mmenu{display:block;position:fixed;inset:0;z-index:80;background:#fff;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}
html.m .mmenu.open{opacity:1;visibility:visible;transition:opacity .5s ease}
.mmenu ul{list-style:none;margin:0;padding:0;position:absolute;left:30px;top:71px;width:185px}
.mmenu li a{display:block;font:16px/53px 'PdpHelv',sans-serif;color:#212121}
.mmenu .mlang{position:absolute;left:199px;top:20px;display:flex}
.mmenu .mlang a{display:flex;align-items:center;justify-content:center;height:26px;font:15.4px/21.56px 'PdpHelv',sans-serif;color:#c8c8c8}
.mmenu .mlang a:first-child{width:49.1px}
.mmenu .mlang a:last-child{width:50.9px;border-left:1px solid rgba(33,33,33,.54)}

/* ---------- visor de imágenes (galerías de proyectos) ---------- */
.lb{position:fixed;inset:0;z-index:200;background:#fff;display:none}
.lb.open{display:block}
.lb-stage{position:absolute;left:80px;right:80px;top:74px;bottom:74px;display:flex;align-items:center;justify-content:center}
.lb-stage img,.lb-stage video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lb button{position:absolute;border:0;background:transparent;cursor:pointer;padding:0;color:#000}
.lb-x{right:5px;top:30px;width:38px;height:44px}
.lb-x::before,.lb-x::after{content:'';position:absolute;left:6px;top:21px;width:27px;height:1.6px;background:currentColor;transform:rotate(45deg)}
.lb-x::after{transform:rotate(-45deg)}
.lb-full{left:5px;top:26px;width:38px;height:44px;background:no-repeat center/24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3'%3E%3Cpath d='M14 3h7v7M21 3l-8 8M10 21H3v-7M3 21l8-8'/%3E%3C/svg%3E")!important}
.lb-prev,.lb-next{top:50%;margin-top:-25px;width:50px;height:50px}
.lb-prev{left:20px}.lb-next{right:20px}
.lb-prev::before,.lb-next::before{content:'';position:absolute;left:17px;top:11px;width:15px;height:27px;background:no-repeat center/15px 27px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='27' viewBox='0 0 15 27'%3E%3Cpath d='M14.258 1.53L13.198.47-.061 13.728l13.259 13.258 1.06-1.06L2.061 13.728z'/%3E%3C/svg%3E")}
.lb-next::before{transform:scaleX(-1)}
.lb [hidden]{display:none}
html.m .lb-stage{left:0;right:0;top:60px;bottom:60px}
html.m .lb-prev{left:0}html.m .lb-next{right:0}