/*
Theme Name: Dra. Zulalma González
Theme URI: https://example.com/
Author: ADN360 / OpenAI
Description: Tema WordPress de una sola página inspirado en el diseño proporcionado para Dra. Zulalma González.
Version: 1.1.1
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: zulalma
*/

:root{
  --turquoise:#5497a7;
  --turquoise-dark:#2397a8;
  --text:#4f91a4;
  --beige:#eee6dc;
  --bg1:#e7e7e7;
  --bg2:#f7f7f7;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(to bottom,#e8e8e8 0,#fafafa 48%,#ededed 100%);}
a{color:inherit;text-decoration:none}
.site-shell{min-height:824px;display:flex;align-items:flex-start;justify-content:center;padding-top:176px;padding-bottom:64px;}
.z-card{width:1135px;display:grid;grid-template-columns:430px 1fr;column-gap:42px;align-items:start;}
.z-logo-wrap{width:394px;height:394px;margin-top:47px;border-radius:50%;overflow:hidden;background:#050505;display:flex;align-items:center;justify-content:center;}
.z-logo-wrap img,.z-logo-wrap video,.z-circle-media{width:100%;height:100%;object-fit:cover;display:block;}
.z-logo-wrap video{background:#050505;}
.z-content{width:330px;margin-left:38px;text-align:center;}
.z-name{margin:0;color:#2499aa;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:34px;line-height:.95;letter-spacing:-1px;white-space:nowrap;}
.z-specialty{margin:2px 0 13px;color:#54a8b5;font-size:13px;font-weight:700;letter-spacing:.2px;}
.z-licenses{font-size:15px;line-height:1.55;margin-bottom:18px;color:#4d91a5;}
.z-social-grid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:15px;column-gap:13px;margin:0 auto 19px;}
.z-social{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:14px;color:#4f91a4;}
.z-icon{width:49px;height:49px;border-radius:50%;background:#5799a8;border:1px solid #fff;box-shadow:0 0 0 1px rgba(84,151,167,.25);display:flex;align-items:center;justify-content:center;color:#fff;}
.z-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.z-icon svg.z-brand-svg{width:28px;height:28px;fill:currentColor;stroke:none;}
.z-icon .fill{fill:#fff;stroke:none}
.z-icon .brand-letter{font-family:Arial,sans-serif;font-weight:700;font-size:34px;line-height:1;transform:translateY(2px);}
.z-icon .brand-text{font-family:Arial,sans-serif;font-weight:700;font-size:24px;line-height:1;}
.z-icon .brand-small{font-size:20px;}
.z-services{display:flex;flex-direction:column;gap:12px;}
.z-service{display:block;background:#5697a7;color:#fff;border-radius:18px;min-height:34px;line-height:34px;padding:0 18px;font-size:18px;font-weight:400;transition:filter .15s ease, transform .15s ease;}
.z-service:hover{filter:brightness(.94);transform:translateY(-1px);}

@media (max-width: 900px){
  body{background:linear-gradient(to bottom,#ededed 0,#f9f9f9 55%,#ededed 100%);}
  .site-shell{min-height:100vh;padding:75px 20px 45px;}
  .z-card{width:100%;max-width:520px;grid-template-columns:1fr;row-gap:34px;justify-items:center;}
  .z-logo-wrap{width:min(72vw,360px);height:min(72vw,360px);margin-top:0;}
  .z-content{width:min(100%,360px);margin-left:0;}
  .z-name{font-size:clamp(29px,8vw,34px);white-space:normal;}
}