/*
Theme Name: Procemur
Theme URI: https://procemur.com
Author: Procemur S.L.U.
Description: Tema a medida para Procemur, distribución de materiales de construcción en Murcia.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: procemur
*/

/* Terrazo de muestra (hasta tener fotos) */
.terrazo{background-color:#D3D5CF;background-image:radial-gradient(circle at 12% 18%,#9E3A2C 0 7px,transparent 8px),radial-gradient(circle at 34% 62%,#111A4D 0 5px,transparent 6px),radial-gradient(circle at 58% 28%,#485FE2 0 9px,transparent 10px),radial-gradient(circle at 78% 74%,#FFFFFF 0 11px,transparent 12px),radial-gradient(circle at 88% 22%,#5A6266 0 4px,transparent 5px),radial-gradient(circle at 22% 84%,#485FE2 0 4px,transparent 5px),radial-gradient(circle at 66% 90%,#9E3A2C 0 3px,transparent 4px),radial-gradient(circle at 46% 46%,#FFFFFF 0 6px,transparent 7px),radial-gradient(circle at 6% 52%,#5A6266 0 6px,transparent 7px);background-size:180px 180px}

/* Cabecera */
.pm-header{border-bottom:1px solid #D3D7E8}
.pm-header .wp-block-navigation a{text-decoration:none}
.pm-header .pm-tel a{font-weight:600;text-decoration:none}
.pm-logo img{height:48px;width:auto;display:block}
@media (max-width:600px){.pm-logo img{height:38px}.pm-header .pm-tel{display:none}}

/* Huecos de foto pendiente */
.pm-foto{background:#DDE1F0;border-radius:18px;display:flex;align-items:center;justify-content:center;text-align:center;color:#3E4549;font-size:14px;min-height:280px;padding:16px}
.pm-foto p{margin:0}
.pm-hero-foto{min-height:400px;border-radius:22px;display:flex;align-items:flex-end}
.pm-hero-foto p{background:#fff;border-radius:8px;padding:6px 12px;font-size:14px;line-height:20px;margin:0}

/* Tarjetas */
.pm-card{background:#fff;border-radius:18px;position:relative}
.pm-card .wp-block-heading a{text-decoration:none}
.pm-card .wp-block-heading a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pm-card:hover{box-shadow:0 6px 24px rgba(17,26,77,.10)}
.pm-card .pm-mas{font-weight:700;text-decoration:underline;text-underline-offset:4px;margin:0}
.pm-material{background:#fff;border-radius:16px;overflow:hidden;position:relative}
.pm-material .pm-material-img{height:160px;min-height:0;border-radius:0}
.pm-material .wp-block-heading a{text-decoration:none}
.pm-material .wp-block-heading a::after{content:"";position:absolute;inset:0}
.pm-material:hover{box-shadow:0 6px 24px rgba(17,26,77,.10)}
.pm-material .pm-material-txt p{color:#4F575B;font-size:15px;line-height:22px;margin:0}
.pm-fabrica{border:1px solid #D3D7E8;border-radius:12px;min-height:96px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.pm-fabrica p{margin:0}
.pm-fabrica p+p{font-size:14px;line-height:19px;color:#4F575B}

/* Bandas oscuras */
.pm-oscuro a{color:#fff}
.pm-oscuro .pm-suave{color:#C5CBF3}
.pm-oscuro h2.pm-claro,.pm-oscuro h3.pm-claro{color:#A9B4F6}

/* Formularios (para el plugin de formularios) */
.pm-form input[type=text],.pm-form input[type=email],.pm-form input[type=tel],.pm-form select,.pm-form textarea{width:100%;min-height:46px;border-radius:8px;border:1px solid #5A6266;background:#fff;padding:10px 12px;font:inherit;color:#111A4D;box-sizing:border-box}

:where(a,button,input,select,textarea):focus-visible{outline:3px solid #485FE2;outline-offset:2px}
.pm-header .wp-block-navigation{flex-grow:1}
.pm-footer p{margin:0}
.pm-footer .pm-legal a{color:#3E4549}
.wp-block-post-content > section.alignfull{margin-block-start:0;margin-block-end:0}
.pm-foto,.pm-hero-foto{height:100%}
@media (max-width:781px){.pm-hero-foto{min-height:260px}}